Запитання з тегом «css-float»

У CSS значення overflow:hiddenвстановлюється на батьківських контейнерах, щоб дозволити йому розширюватися з висотою їх плаваючих дочірніх елементів. Але він має ще одну цікаву особливість у поєднанні з margin: auto... Якщо ПОПЕРЕДНІЙ брат або сестра є плаваючим елементом, він насправді буде виглядати проти нього. Тобто, якщо брат або сестра, float:leftто контейнер …

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> …

97 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 style='width=300px;border: red …

94 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 у відповідні позиції …

90 css  html  css-float 

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

86 css  css-float  word-wrap 

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

84 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 пікселями відступів між ними. Проблема полягає в тому, …

84 html  css  css-float  margin 

Я не знаю, чи це поширена проблема, але поки що я не можу знайти рішення в Інтернеті. Я хотів би, щоб два div, обернуті всередині іншого div, однак ці два div всередині повинні бути вирівняні за однаковим рівнем (наприклад: лівий бере 20% ширини wrappedDiv, правий бере інший 80%). Для досягнення …

76 css  layout  html  css-float