Остановить перенос содержащихся div? [дубликат]

На этот вопрос уже есть ответы здесь :

Как предотвратить перенос плавающих элементов div при изменении размера браузера? (5 ответов)

Закрыто 6 лет назад .

В настоящее время у меня есть установка div внутри контейнера div, как показано ниже:

  
     Element 1 content   
     Element 2 content   
     Element 3 content   
     Element 4 content

style.css:

.container {
width:200px;
overflow-x:auto;
overflow-y:hidden;
}  

.element {
width:100px;
float:left;
}

Вот jsFiddle кода: http://jsfiddle.net/vZWTc/ .

Итак, я бы как будто каждый из элементов выстраивается рядом друг с другом (все 4 в одной строке), но видны только первые два (размер контейнера - 200 пикселей, каждый элемент - 100 пикселей, поэтому одновременно видны только 2), в то время как пользователь можно прокручивать (по горизонтали) к 3-му и 4-му элементам (поскольку они менее важны)

Однако при этой настройке элементы 3 и 4 переносятся на следующую строку

, обновляя класс контейнера с помощью white- space: nowrap ничего не делает. Это влияет только на текст, а не на div.

Есть идеи? Заранее благодарим!

задан mskfisher 22 May 2012 в 17:37

0 ответов

Другие вопросы по тегам:

css html scroll overflow css-float

Остановить перенос содержащихся div? [дубликат]

0 ответов

Похожие вопросы: