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

В CSS overflow:hiddenустанавливается для родительских контейнеров, чтобы позволить ему расширяться с высотой их плавающих дочерних элементов. Но есть еще одна интересная особенность в сочетании с margin: auto... Если ПРЕДЫДУЩИЙ брат является плавающим элементом, он фактически будет отображаться рядом с ним. То есть, если родственный элемент является, float:leftтогда контейнер с float:none …

100 css  overflow  css-float  center  hidden 

У меня такой код: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> Моя …

98 css  html  css-float 

Я хочу, чтобы внешний вид divбыл черным, чтобы обернуть его divплавающим внутри. Я не хочу использовать style='height: 200pxв divс outerdivидентификатором, так как я хочу, чтобы он автоматически был высотой своего содержимого (например, плавающий divs). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div …

95 css  html  css-float 

Я пытался разделить div на два столбца с помощью CSS, но мне еще не удалось заставить его работать. Моя основная структура следующая: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Если я попытаюсь переместить правый и левый div в их соответствующие …

91 css  html  css-float 

У меня такая разметка: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Я хочу, чтобы, если текст переносится, он не попадает в «столбец» изображения. Я знаю, что могу сделать это с помощью table(что я и делал), но по этой причине это не работает . Я безуспешно пробовал …

87 css  css-float  word-wrap 

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

85 html  css-float  word-wrap 

У меня есть два элемента в одной строке, плавающие влево и вправо. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> Мне нужно, чтобы element2 выстроился рядом с element1 с отступом примерно 10 пикселей между ними. Проблема в том, что …

85 html  css  css-float  margin