Вопросы с тегом 'css-float'

Позиционирование элементов слева или справа от их контейнеров с использованием атрибута float CSS.
16

Как вы держите родителей от плавающих элементов от рушится?

Несмотря на то, что такие элементы, как <div>, обычно растут, чтобы соответствовать их содержимому, использование свойства float может вызвать потрясающую проблему для новичков CSS: , если в элементах с плавающей точкой есть неоплачиваемые род...
20 окт. '08 в 15:10
18

Как выровнять 3 divs (левый/центральный/правый) внутри другого div?

Я хочу иметь 3 divs, выровненных внутри контейнера div, примерно так: [[LEFT] [CENTER] [RIGHT]] Контейнерный контейнер имеет ширину 100% (без установленной ширины), а центр div должен оставаться в центре после изменения размера контей...
08 апр. '10 в 21:49
11

Как я могу центрировать элементы с плавающей точкой?

Я использую разбиение на страницы, и это нужно сосредоточить. Проблема в том, что ссылки должны отображаться как блокированные, поэтому их нужно плавать. Но тогда text-align: center; не работает на них. Я мог бы добиться этого, предоставив прокладку...
22 янв. '11 в 13:10
6

плыть налево; vs display: inline; vs display: встроенный блок; vs display: table-cell;

Мой вопрос (ы) Являются ли какие-либо из этих методов предпочтительным профессиональным веб-дизайнером? Используются ли какие-либо из этих методов веб-браузером при создании веб-сайта? Это все личные предпочтения? Есть ли другие методы, которые...
04 авг. '12 в 2:04
5

Что делает правило CSS "clear: both" do?

Что делает следующее правило CSS: .clear { clear: both; } И зачем нам его использовать?
13 окт. '12 в 9:17
15

Как поместить 3 divs бок о бок, используя CSS

Я знаю, как сделать 2 divs плавать бок о бок, просто плавать один влево, а другой вправо. Но как это сделать с 3 divs или я должен просто использовать таблицы для этой цели?
28 янв. '10 в 18:00
10

CSS floats - как сохранить их на одной строке?

Я хочу иметь два элемента в одной строке, используя "float: left" для элемента слева. У меня нет проблем с этим. Проблема в том, что я хочу, чтобы два элемента оставались на одной строке, даже если вы изменили размер браузера очень мало. Вы знаете...
05 нояб. '08 в 17:45
9

Плавающие элементы в div, плавающие вне div. Зачем?

Скажите, что у вас есть div, скажем, вы окрашиваете его в зеленый цвет и придаете ему определенную ширину, когда я помещаю в него вещи, в моем случае img и другой div. Идея состоит в том, что содержимое контейнера div приведет к растягиванию контейне...
14 янв. '10 в 4:57
7

Почему высота элемента контейнера не увеличивается, если он содержит плавающие элементы?

Я хотел бы спросить, как работают высота и поплавок. У меня есть внешний div и внутренний div, в котором есть контент. Его высота может варьироваться в зависимости от содержимого внутреннего div, но кажется, что мой внутренний div переполнит его внеш...
15 мая '13 в 14:49
9

Как создать вид сетки/плитки?

Например, у меня есть некоторый класс .article, и я хочу, чтобы этот класс рассматривался как вид сетки. Поэтому я применил этот стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Этот стиль заставит т...
12 дек. '11 в 4:50
5

CSS-контейнер div не получает высоту

Я хочу, чтобы мой контейнер div получал максимальную высоту своих детей. не зная, какую высоту будет иметь ребенок div. Я пробовал JSFiddle. Контейнер div находится на красном. который не появляется. Почему?
19 окт. '11 в 6:15
4

Как заставить div расти в высоту, когда плавает внутри

Как я могу заставить div расти его высоту, когда он плавает внутри? Я знаю, что определение значения для ширины и установки переполнения для скрытых работ. Проблема в том, что мне нужен div с переполнением видимым. Любые идеи?
05 янв. '11 в 12:32
5

Преимущества использования дисплея: inline-block vs float: слева в CSS

Обычно, когда мы хотим иметь несколько DIVs в строке, мы будем использовать float: left, но теперь я обнаружил трюк display:inline-block Пример ссылки здесь. Мне кажется, что display:inline-block является лучшим способом для align DIVs в строке, н...
02 мар. '13 в 8:41
4

Поплавок справа и абсолютная позиция не работают вместе

Я хочу, чтобы div всегда находился справа от родительского div, поэтому я использую float:right. Он работает. Но я также хочу, чтобы он не влиял на другой контент при вставке, поэтому я использую position:absolute. Теперь float:right не работает,...
04 июл. '12 в 17:56
7

Укладка DIV друг на друга?

Можно ли складывать несколько DIV, например: <div> <div></div> <div></div> <div></div> <div></div> </div> Итак, все эти внутренние DIV имеют одинаковые позиции X и Y? По умолчанию все они...
15 дек. '09 в 19:09