Я столкнулся с ошибкой в Chrome в следующей ситуации:
- Два элемента блока (назовем их
#rail и #well) #rail плавает влево #well не плавает, имеет набор переполнения (hidden или auto) и набор левого поля.
What I 'Я заметил, что в Chrome #well не так широк, как должно быть.При игре с разными значениями ширины получается, что Chrome вычисляет ширину #well, как будто ни поля, ни доступное пространство, которое он населяет, не существует.Вот сокращение:
<html>
<head>
<style type="text/css">
body {
width: 1000px;
font-size: 2em;
color: white;
}
#container {
background-color: green;
}
#rail {
float: left;
width: 100px;
background-color: blue;
}
#well {
overflow: hidden;
margin-left: 500px;
background-color: red;
}
</style>
</head>
<body>
<div id="container">
<div id="rail">RAIL</div>
<div id="well">WELL</div>
</div>
</body>
</html>
Снимки экрана сокращения Chrome и Firefox прилагается.В Firefox это как и ожидалось - 100px #rail, затем 400px маржи, затем 500px #well.
Так что мне интересно, видел ли кто-нибудь это раньше и, если да, то есть лиизвестный обходной путь.Вот почему у меня есть эта комбинация свойств:
- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * [1030].* может присутствовать или не существовать на странице, поэтому левый край на
#well.
Большое спасибо за любые указатели!
Вот это в Firefox:
И в Chrome:
