проблемы с выравниванием CSS

У меня на самом деле есть раскладка в 3 столбцах. 3 из этих столбцов расположены внутри деления. Я использовал float для выравнивания этих столбцов.проблемы с выравниванием CSS

#col1 { 
    float: left; 
    width: 15%; 
    background: #93A5C4; 
    padding-bottom: 10px; 
    min-height:450px; 
} 
#col2 { 
    padding: 10px 0; 
    width: 70%; 
    float: left; 
    min-height:450px; 
    position:relative; 
} 
#col3 { 
    float: left; 
    width: 15%; 
    background: #93A5C4; 
    padding: 10px 0; 
    min-height:450px; 
}`

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

источник

2012-03-23 Kiran Vemuri

Нужен видеть больше коды, в HTML для пример. Чтобы ответить на такие вопросы, как: столбцы встроенные или блокирующие элементы? И как они расширяются, горизонтально или вертикально? Что происходит сейчас и что вы хотите? И вы используете 'clear' где угодно? –

Можете ли вы добавить html-код тоже? – vivek

Можете ли вы также опубликовать код CSS для контейнера? Если ваш контейнер имеет ширину: N% будет расширяться до N и внутри контейнера, различные divs будут адаптироваться к нему в соответствии с вашими директивами. – TheHube

Вы также можете использовать проценты для оберточного div.

И сохраняйте значения, которые у вас есть на столбцах, потому что они получат% от оберточного div.

Пример:

HTML:

<div id="wrapper"> 
    <div id"col_1"> 
    </div> 
    <div id"col_2"> 
    </div> 
    <div id"col_3"> 
    </div> 
</div>

И CSS:

#wrapper{ 
    width:90%; 
} 
#col_1{ 
    width:15%; 
    float:left; 
} 
#col_2{ 
    width:70%; 
    float:left; 
} 
#col_3{ 
    width:15%; 
    float:left; 
}

источник

2012-03-23 14:10:13 justanotherhobbyist

Я уже установил ширину собеседника. и спасибо .. yep .. должен был установить высоту до 100% :) спасибо :) –

что не тренировалось на самом деле .. –

Тогда у вас есть что-то в своем коде messing вверх. Можете ли вы сделать скрипку, воссоздающую проблему? Мы не можем найти проблему на основе информации, которую мы имеем. – justanotherhobbyist

Блочные элементы расширяют до размеров их КОНТЕЙНЕРОВ. Процентная ширина относится к ширине содержащего элемента.

источник

2012-03-23 14:11:47

вы должны очистить поплавки, прежде чем закрыть обертка Дива

<div class="clear"></div> 

//the css 
.clear{clear:both;}

и убедитесь, что вы не установили «высоту» в обертке DIV

источник

2012-03-23 14:19:14

нет! не работает! контейнер фактически сократился, чтобы вписаться в остальные элементы и оставил эти элементы вне контейнера! –

удалить атрибут «позиция» –

проблемы с выравниванием CSS

ответ

Смежные вопросы