Я хочу, чтобы горизонтальная полоса прокрутки отображалась. Я использовал overflow-x:scroll;, но я не вижу горизонтальной полосы прокрутки. Пожалуйста помоги.Горизонтальная полоса прокрутки отсутствует
<div class="abc">
<p>This is overflow-x scroll. This is overflow-x scroll. This is overflow-x scroll.</p>
</div>
.abc{
overflow-x:scroll;
width:1000px;
}
Мой код здесь here
Согласно кода в jsbin, попробуйте следующее:
.abc{
overflow-x: auto;
white-space: nowrap;
}
Вы можете сохранить один из них в соответствии с требованиями «Auto» или «прокрутки» ,
Есть много других значений недвижимости, здесь: http://www.w3schools.com/cssref/pr_pos_overflow.asp
В вашем примере вы должны установить значение белого пространства для вставки в ваш внутренний div.
посмотрит на HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="a">
<div class="scrollviewer">
<p class="datacontainer">This is overflow-x scroll. This is overflow-x scroll.
<br/>
This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.This is overflow-x scroll.</p>
</div>
</div>
</body>
</html>
и CSS:
.scrollviewer{
overflow-x: scroll;
width:100%;
}
.datacontainer{
white-space: nowrap;
}
Пожалуйста, добавьте код на вопрос. Вы также можете сохранить jsbin в вопросе. Причина добавления кода в блок кода заключается в том, что в будущем связь jsbin ломается, этот вопрос может помочь будущему пользователю. – Lexi
Это сайт добровольца. Не называйте имена людей и не ожидайте помощи. Они голосуют по качеству вопроса. См. [Здесь] (http://stackoverflow.com/help/how-to-ask) – Lexi