Google Chrome, похоже, имеет ошибку при переполнении содержимого внутри набора полей.
Вот jsfiddle, который демонстрирует проблему: http://jsfiddle.net/Dismissile/Lnm42/
Если вы посмотрите на страницу, вы увидите, что, когда у вас есть контейнер внутри набора полей, а контейнер имеет overflow: auto
, и этот контейнер имеет содержимое, которое будет переполняться по горизонтали, набор полей фактически расширяется вместо использования полоса прокрутки:
<fieldset class="parent">
<div class="child">
<div class="grandchild">
asdf
</div>
</div>
</fieldset>
<div class="parent">
<div class="child">
<div class="grandchild">
asdf
</div>
</div>
</div>
CSS
.parent {
border: 1px solid green;
padding: 20px;
margin: 20px;
}
.child {
border: 1px solid red;
padding: 20px;
overflow: auto;
}
.grandchild {
border: 1px solid #ccc;
width: 2000px;
padding: 10px;
}
Есть ли способ взлома/исправления CSS, который я могу использовать, чтобы содержимое переполнялось должным образом, когда внутри поля в Chrome?