2013-11-27 2 views
0

Привет, ребята, я понимаю, что этот вопрос задан раньше, но моя ситуация другая. У меня есть div div (внутри тела, высота которого 100%), который в настоящее время имеет переполнение: auto;CSS переполнение авто и высота 100%

У меня есть то, что div, установленное для переполнения, связано с использованием поплавков в содержимом div. Боковая панель, которую я использую, является плавающей точкой и имеет значение переполнения: auto и height: 100%. Тем не менее, высота 100% - это все, что работает, и оно не корректирует расширение контента. У кого-нибудь есть идеи?

Пример ниже:

<body style="height:100%"> 
    <div id="content" style="overflow:auto;"> 
     <div id="sidebar" style="float: right; overflow: auto; height: 100%;"> 
     </div> 
    <div> 
</body> 

Я не могу установить * {высота: 100%; } из-за того, как работает моя навигационная панель.

+0

Хорошо, работая над ним, дайте мне всего лишь секунду. – Twisterz

+0

@thenewseattle Вот скрипка, дайте мне знать, если вам нужно больше в глубину. http://jsfiddle.net/AVvvJ/ – Twisterz

ответ

1

привет, высота: 100%; и более: авто не делают какие-либо изменения здесь являются легким путем для полной высоты к содержимому с использованием display:table и display:table-cell (понимая ваши потребности)

#content { 
    width : 100%; 
    display : table; 
    margin : 0 auto; 
    height : 100%; 
} 
#side_bar, #main{ 
     background : white; 
     display : table-cell;  
     border : 2px dotted dodgerBlue; 
     border-radius : 10px; 
} 

#side_bar { 
    width : 27.5%; 
    color:#fff; 
     background: linear-gradient(#444, #111); 
} 
#main { 
     width : 65%; 
} 

проверить мою fiddle надеется, что это поможет вам.

+0

Привет, спасибо, но одно. Мой контент div - это мой обозреватель div. Разве я не хочу этого в ширину: 100%? – Twisterz

+0

Хорошо, я просто попробовал, и он отлично работал :) Спасибо огромное! – Twisterz

+0

@Twisterz просто измените фиксированную ширину на жидкость. :) –

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