программирование css-float

18

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

Я хочу, чтобы 3 div были выровнены внутри контейнера div, что-то вроде этого: [[LEFT] [CENTER] [RIGHT]] Контейнер div имеет ширину 100% (без заданной ширины), и центр div должен оставаться в центре после изменения размера контейнера. Итак, я установил: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Но это становится: [[LEFT] [CENTER] ] [RIGHT] …

392 html css flexbox alignment css-float

12

Как центрировать плавающие элементы?

Я осуществляю нумерацию страниц, и она должна быть центрирована. Проблема в том, что ссылки должны отображаться в виде блоков, поэтому они должны быть перемещены. Но тогда text-align: center;не работает на них. Я мог бы добиться этого, указав отступ для div-обертки слева, но на каждой странице будет разное количество страниц, так …

356 css-float center css

5

Что делает правило CSS «ясно: оба»?

Что делает следующее правило CSS: .clear { clear: both; } И зачем нам это использовать?

293 css css-float

6

плыть налево; против дисплея: встроенный; vs display: встроенный блок; против отображения: ячейка таблицы;

Мои вопросы) Любой из этих методов предпочитает профессиональный веб-дизайнер? Любой из этих методов предпочтительнее веб-браузера при рисовании веб-сайта? Это все только личные предпочтения? Есть ли другие техники, которые мне не хватает? Примечание. Приведенные выше вопросы касаются проектирования многостолбцовой компоновки. плыть налево; http://jsfiddle.net/CDe6a/ Это метод, который я всегда использую при создании …

281 html css css-float

10

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

Скажем, у вас есть div, дать ему определенное widthи положить элементы, в моем случае, imgи другой div. Идея состоит в том, что содержимое контейнера divприведет к тому, что контейнер divрастянется и станет фоном для содержимого. Но когда я это делаю, содержащийся divсжимается, чтобы соответствовать не плавающим объектам, а плавающие объекты …

274 css html css-float

15

Как плавать 3 деления рядом с помощью CSS?

Я знаю, как заставить 2 элемента плавать рядом, просто плавать один слева, а другой справа. Но как сделать это с 3 div или я должен просто использовать таблицы для этой цели?

270 css css-float

10

Как мне сохранить CSS-плавающие в одной строке?

Я хочу, чтобы два элемента в одной строке использовались float: leftдля элемента слева. У меня нет проблем в достижении этого в одиночку. Проблема в том, что я хочу, чтобы эти два элемента оставались на одной строке, даже если вы изменили размер браузера очень маленьким . Вы знаете ... как это …

216 css css-float css-tables stretching

7

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

Я хотел бы спросить, как работают высота и поплавок. У меня есть внешний div и внутренний div, в котором есть содержание. Его высота может варьироваться в зависимости от содержимого внутреннего блока, но кажется, что мой внутренний блок переполнит его внешний блок. Каков был бы правильный способ сделать это? <html> <body> …

211 html css css-float

8

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

Например, у меня есть класс .article, и я хочу видеть этот класс в виде сетки. Итак, я применил этот стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } В этом стиле .article будет выглядеть мозаично / сеткой. Он отлично работает с фиксированной высотой. Но если я хочу установить высоту автоматически (автоматически …

129 css grid positioning css-float tiles

5

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

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

127 css css-float html

5

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

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

126 css css-float position

4

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

Как я могу увеличить высоту div, если внутри него есть плавающие элементы? Я знаю, что определение значения ширины и настройка переполнения для скрытых работ. Проблема в том, что мне нужен div с видимым переполнением. Любые идеи?

121 css html overflow css-float

5

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

Я хочу, чтобы мой контейнер div получил максимальную высоту его дочерних элементов. не зная, какой рост будет у ребенка div. Я пробовал JSFiddle . Контейнер divгорит красным. который не появляется. Зачем?

116 css css-float liquid-layout

8

Ставить DIV друг на друга?

Можно ли сложить несколько DIV, например: <div> <div></div> <div></div> <div></div> <div></div> </div> Так что все эти внутренние DIV имеют одинаковую позицию X и Y? По умолчанию все они располагаются ниже друг друга, увеличивая позицию Y на высоту последнего предыдущего DIV. У меня такое ощущение, что какой-то поплавок, дисплей или другой …

116 css html stack css-float

11

Как сделать div без содержимого шириной?

Я пытаюсь добавить ширину к a div, но, похоже, столкнулся с проблемой, потому что у меня нет содержимого. Вот CSS и HTML, которые у меня есть, но они не работают: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div …

110 html css width css-float

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