Я хочу, чтобы страница моей страницы не была прокручиваемая, но DIV внутри ТЕЛА должна быть прокручиваемой. у меня есть это в моем файле CSS:Как сделать DIV прокручиваемым вместо BODY?
body {
overflow:hidden
}
.mainSection {
overflow:scroll
}
, но он не работает и DIV не станет scrollabel (это как раз показывает две инвалидов полосы прокрутки для DIV)!
.mainSection должен иметь height. В противном случае браузер не может знать, что он должен учитывать overflow.
Вы уверены, что применим стиль для вашего класса mainSection? Вы можете использовать такой инструмент, как Web Developer или Firebug (для Firefox), чтобы убедиться, что стиль применяется правильно. Также, если у вас есть только один основной раздел, вы можете использовать идентификатор вместо класса. тег в HTML затем будет <div id="mainSection"> вместо <div class="mainSection"> и CSS становится #mainSection { ... } вместо .mainsection { ... }
Вот все это хорошо объяснил
http://www.w3schools.com/css/pr_pos_overflow.asp Вы можете экспериментировать.
У меня была такая же проблема раньше, но я мог бы решить ее только с overflow: auto;. Попробуйте, и это сработает.
Обновлено
Полный HTML-код выглядит следующим образом
<html>
<head>
<title>Test page</title>
<style type="text/css">
#scrollable_div{
overflow: auto;
width: 100px;
height: 100px;
border: solid thin black;
}
</style>
</head>
<body>
<div id="scrollable_div">my div text</div>
</body>
прекрасно работает в любых браузерах. Я тестировал себя в Chrome, IE, Safari, Mozilla и Opera