При уменьшении окна браузера до этого значения слой перестает менять свой размер и появляется горизонтальная полоса прокрутки.Используя свойство overflow-x, полосы прокрутки скрыты.
Попробуйте использовать следующие значения:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Scroll bars</title>
<style>
html { overflow-x: hidden; }
div {
min-width: 800px; /* Minimum width */
background: #fc0; /*Background color*/
padding: 10px; /*Fields around text */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Свойства overflow-x и overflow-y включены в спецификацию CSS3 и не провереныпри проверке стилей в CSS2.1.
Вы также можете использовать код СSS:
<style type="text/css">
html,body{
height:100px;
min-height:100%;
overflow-y: scroll;
border-top:0px;
}
Удачи