Лучшие css-float вопросы ИТ разработчиков

  • 6 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

HTML / CSS: очистить плавающие элементы в середине без добавления ненужных тегов

Большинство методов clearfix включают в себя добавление элементов в самом низу родительского контейнера, и я больше всего предпочитаю подход псевдоэлемента, поскольку он не добавляет ненужные элементы в HTML. Однако недавно я обнаружил, что имею ...

Задан 20 Nov 2013, 16:59 от Xavier_Ex
  • 2 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Как обернуть текст вокруг плавающего фиксированного изображения?

У меня есть изображение, которое плавает в правом нижнем углу (чтобы вставить кнопку, положение должно быть зафиксировано). Однако часть текста на моей странице исчезает за изображением. Можно ли сделать этот текст обернутым вокруг моего ...

Задан 04 Oct 2013, 13:33 от Algorithm_NL
  • 72 голосов
  • 11 ответов
  • 0 просмотров
11 ответов

Как сделать div, чтобы обернуть два плавающих div внутри?

Я нене знаю, если этоэто общая проблема, но я могупока не нашел решения в сети. Я бы хотел, чтобы два div-элемента были обернуты внутри другого div-элемента,...

Задан 04 Dec 2009, 00:02 от WilliamLou
  • 43 голосов
  • 6 ответов
  • 0 просмотров
6 ответов

CSS центр содержимого внутри div

Мне нужно центрировать html контент внутри div class = "partners" (верхний div с 2 изображениями). Как вы можете видеть из изображения ниже (оно плавает влево вместо центра div): Это мой HTML-код: <div id="partners"> <div class="wrap ...

Задан 28 Oct 2011, 07:54 от ShaneKm
  • 10 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

% Ширина div - это процент ширины тегов, в которых они содержатся, и, в конечном счете, тега body (то есть не окна). Таким образом, тег body должен быть 100 * n, где n - это количество тегов div, которые вы хотите расположить рядом. В приведенном ниже примере есть 2 тега div, поэтому тело составляет 200% (2 * 100). Каждый тег div; width - это процентная доля ширины тега body, примерно, 100 / n (нужно меньше smidgen). Не забудьте учесть поля и отступы. Вот пример:

ьно простой вопрос, но попробовал обо всем. то, что я хочу, это 2 (на самом деле 5) деления рядом друг с другом с классом «контейнер», чтобы я мог сделать горизонтальный 1-страничный веб-сайт. Каждый div должен иметь ширину 100%. поэтому 2 ...

Задан 06 Jul 2011, 14:16 от Luuk
  • 25 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

).

с простой и короткий: почемуoverflow: hidden; ясно плавающий? Я заглянул в стандартную документацию w3, и это ничего не значило.

Задан 05 Feb 2011, 22:18 от Tower
  • 8 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

Компактное расположение DIV в двух направлениях

DIV-ы легко расположить горизонтально с помощью поплавка. Например: <div style="width: 500px;"> <div style="float:left; width: 200px; height: 100px; background-color:Yellow;"></div> <div style="float:left; width: 150px; height: 60px; ...

Задан 22 Nov 2011, 06:29 от Googlebot
  • 55 голосов
  • 7 ответов
  • 0 просмотров
7 ответов

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

Как горизонтально центрировать плавающий элемент переменной ширины? Редактировать: у меня уже есть эта работа, используя содержащий

Задан 02 Jan 2014, 17:27 от BarneyWaleed Eissa
  • 23 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Как исправить ошибку Internet Explorer 7 при использовании ширины в процентах для макета?

Пожалуйста, помогите мне в этом. Мне нужно создать макет, используя ширину в процентах. У меня есть обертка шириной 100%.Теперь у меня есть DIV (основная обе...

Задан 21 Aug 2009, 01:29 от Ahmad Fouad
  • 326 голосов
  • 11 ответов
  • 0 просмотров
11 ответов

15% просто произвольно.

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

Задан 22 Jan 2011, 13:10 от Mike
  • 19 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Предотвратите плавающие div от переноса на новую строку

Я видел это несколько раз на SO, и даются те же ответы, которые не работают на моем конце в Chrome или Firefox. Я хочу, чтобы набор оставленных влево div-ов, горизонтальный родительский div с горизонтальной полосой прокрутки. Я могу ...

Задан 12 Mar 2012, 17:50 от Adam Grant
  • 0 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

 на высоких блоках согласно другим ответам.

я есть этот HTML-файл <div class="con" style="width:100px;height:200px;"> 1 </div> <div class="con" style="width:100px;height:200px;"> 2 </div> <div class="con" style="width:100px;height:400px;"> 3 </div> <div ...

Задан 03 Feb 2011, 17:06 от zizzamia
  • 22 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Родительский рост не следует за их плавающими детьми [дубликаты]

На этот вопрос уже есть ответ здесь: Плавающие элементы внутри div, плавающие вне div. Почему? [/questions/2062258/floating-elements-within-a-div-floats-outside-of-div-why] 9 ответовМой рост mainContainer не соответствует ширине их детей и вот ...

Задан 11 May 2013, 03:31 от Jongz Puangput
  • 36 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Многоточие текста CSS при использовании переменных ширины

Интересно, есть ли какой-нибудь способ иметь текст в плавающем многоточии коэффициента усиления div, когда родительский div и соседний div don &#39;не достат...

Задан 29 Sep 2012, 02:27 от Anthony
  • 2 голосов
  • 8 ответов
  • 0 просмотров
8 ответов

Нужна высота боковой панели CSS для расширения с контентом

У меня двухколонный макет с серой боковой панелью справа. Мне нужно, чтобы высота боковой панели увеличивалась при увеличении высоты левого столбца (из-за динамического расширения содержимого). Я могу сделать боковую панель размером ...

Задан 23 Oct 2009, 00:03 от Justin
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

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

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

Задан 25 Jun 2013, 08:36 от selvagsz
  • 4 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Наличие плавающих дочерних элементов определяет родительскую ширину

Вот пример http://jsfiddle.net/BringMeAnother/LwXhE/ [http://jsfiddle.net/BringMeAnother/LwXhE/] // html <div class="container clearfix"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> // css .container ...

Задан 28 Aug 2013, 08:08 от BringMeAnother
  • 2 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

CSS: Как получить два DIV рядом с автоматической высотой, до высоты их контейнера?

Я разрабатываю веб-сайт для клиента и пытаюсь настроить два параллельных DIV, чтобы они соответствовали 100% их контейнера. Я сделал бок о бок, но я не могу ...

Задан 16 Jun 2010, 03:35 от Jake Petroules
  • 3 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Как разместить элементы в макете кладки, например, в журнале / газете?

Я пытаюсь создать макет, где элементы будут плавать как разделы газетных / журнальных статей. Это что-то похожее на то, чтомасонство jQuery [http://masonry.desandro.com/]делает. Но я пытался добиться этого только с помощью CSS3. Я думал, что, ...

Задан 28 Nov 2011, 12:51 от zanona
  • 4 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Предотвращение падения плавающих div-ов на следующую строку

Я рассчитываю создать средство просмотра, состоящее из произвольного числа горизонтально выровненных div, где только 3 видны в любой момент времени. <div id="viewport"> <div id="slides"> <div>Content 1</div> <!-- not visible --> <div>Content ...

Задан 29 Feb 2012, 01:56 от liamacheung
  • 25 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как сделать средний div, чтобы заполнить пространство между плавающими элементами?

У меня есть три элемента div: левый, средний и правый. Левый и правый фиксированные и плавающие. Что я хочу этосредний div, чтобы заполнить пробел между ними...

Задан 30 Mar 2013, 22:34 от Pithikos
  • 5 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

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

Где в спецификации CSS это поведение определяется?Как указано в этих двух статьях ...Smashing MagazineКогда вы перемещаете элемент, он становится блок-блоком...

Задан 19 Jul 2016, 17:25 от Kenneth Stoddard
  • 25 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как сделать средний div, чтобы заполнить пространство между плавающими элементами?

У меня есть три элемента div: левый, средний и правый. Левый и правый фиксированные и плавающие. Что я хочу этосредний div, чтобы заполнить пробел между ними. Это мой код: <!DOCTYPE html> <html> <head> <style> * {border: dotted 1px red;} #left ...

Задан 30 Mar 2013, 23:34 от Pithikos
  • 6 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

HTML / CSS: очистить плавающие элементы в середине без добавления ненужных тегов

Большинство методов clearfix включают в себя добавление элементов в самом низу родительского контейнера, и я больше всего предпочитаю подход с псевдоэлементо...

Задан 20 Nov 2013, 15:59 от Xavier_Ex
  • 6 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Это не работает хорошо, когда окно изменено. Другое содержимое перекрывается, и контейнер поддерживает минимальный размер.

чисто CSS способ центрировать изображение внутри абзаца текста, чтобы текст обернулся с обеих сторон изображения. Ideely the image |-----| would be placed before or after |-img-| the text within the code structure|-----| and the text would wrap ...

Задан 10 Aug 2011, 20:37 от Matthew Sprankle
  • 2 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Как обернуть текст вокруг плавающего фиксированного изображения?

у нас есть изображение, которое плавает в правом нижнем углу (чтобы вставить кнопку, положение должно быть фиксированным). Однако часть текста на моей страни...

Задан 04 Oct 2013, 11:33 от Algorithm_NL
  • 18 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Почему ясно: право не работает, как задумано

Я всегда смущенclear: left, clear: right а такжеclear: both в CSS. я знаюclear: both означает, что он не допускает плавающих элементов с обеих сторон. Я сделал некоторое тестированиеВот [http://jsfiddle.net/malaikuangren/xqFUL/1/], Я думал, что ...

Задан 18 Apr 2013, 10:07 от Joe.wang
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Рабочий пример:

я есть контейнер с множеством плавучих предметов. Проблема в том, что при изменении размера хотя бы одного из них возникает разрыв. Есть ли способ заставить их заполнить эти пробелы? .wpr { padding: 20px; } .wpr span { width: 260px; ...

Задан 12 Apr 2018, 21:06 от DimChtz
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Дочерний div в родительском div, float: left

Пожалуйста, посмотрите на мой код:http://jsfiddle.net/XptrZ/ [http://jsfiddle.net/XptrZ/]Почему синие не внутри красной, и почему красная имеет высоту = 0. Как я могу решить это? Спасибо

Задан 17 Jan 2012, 18:13 от Tamás Pap
  • -1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

imgur.com/a/cY5qdSo

аюсь переместить текст и изображение «логин с разногласиями» вправо, в то время как две другие ссылки панели навигации остаются в центре. Всякий раз, когда я пытался всплыть правильно, центрированные элементы контента / навигации были сдвинуты ...

Задан 28 Dec 2018, 06:19 от Spencer
  • 8 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Надеюсь это поможет.

я есть страница с несколькими графиками в виде сетки, как показано ниже: [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] Каждый график отображается в оболочке сfloat:left и DIV диаграммы в имеетoverflow: auto, Это ...

Задан 23 Jan 2009, 11:48 от KWorrall
  • 273 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

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

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

Задан 13 Oct 2012, 09:17 от user1708560
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

jsfiddle.net/RALza/16

я есть два div рядом. Я хочу, чтобы div, находящийся слева, занимал столько места, сколько ему нужно, не выдвигая другой div (справа) на следующую строку. Вот что у меня сейчас ...

Задан 23 Aug 2011, 22:46 от dev.e.loper
  • 6 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

CSS - «Обратное» плавание элементов - как держать их внизу?

В настоящее время я сталкиваюсь с интересной проблемой CSS, для которой я не могу найти ничего связанного в Интернете. Я знаю, что это должно быть решаемо, в...

Задан 27 Aug 2010, 15:37 от squarehouse
  • 3 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

https://www.w3.org/TR/CSS22/visuren.html#dis-pos-flo

ь у меня есть элемент span, я даю ему ширину и высоту, например, 500px. Я знаю, что это встроенный элемент, поэтому он не принимает ширину и высоту, но почему он применяется, когда я плаваю? span.first { width: 500px; height: 500px; border: ...

Задан 30 Jul 2017, 21:41 от Kareem Sultan
Page 1 of 4
1 2 3 4