Подскажите насчет FLOAT

Kiar25 · January 14, 2008

Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо

<html>
<head>
  <style>
  #carrier {
   width: auto; 
   background: gray;
   padding: 10px;
   margin: 0 10%; 
   border: 1px solid green; 
  }
  #maintext {
   width: auto; 
   background: white;
   border: 1px solid red;
  }
  #leftbar {
   width: 200px;
   background: black;
   float: left;
   height: 300px; 
   color: white; 
  }
  </style>
</head>
<body>
  <div id="carrier">
	<div id="maintext">
	 MAIN CONTAINER
	  <div id="leftbar">
	   TEXT
	  </div>
	</div>
  </div>
</body>
</html>

Dimitry Wolotko · January 14, 2008

Перемещено в раздел: Проблемы с версткой

klierik · January 14, 2008

а в чем собственно вопрос то?

Kiar25 · January 14, 2008

Вопрос в том что если ставишь float вложенность нарушается и родительский блок становится по высоте = пустому диву, как это убрать?

strix · January 15, 2008

думаю, должна помочь статья

Clear Your Floats - The Right Way

мне больше нравится решение, подсказанное в комментах (его здесь не пишу, чтоб прочитали статью )

Kiar25 · January 15, 2008

Спасибо статья помогла!

Sign In

Подскажите насчет FLOAT

Question

Kiar25

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Kiar25

Link to comment

Share on other sites

strix

Link to comment

Share on other sites

Kiar25

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information