ПредишенСледващото

  • блок родител
  • плаваща единица вграден в основния блок
  • текст (или блок или каквото), който ще обгърне с плаваща единица (необходими за демонстрация)
  1. каква височина в този случай ще има родител блок (DIV клас = "майка")?
  2. Когато се блока (DIV клас = "nextStaticBlock"), поставен под родител блок?

Правилни отговори по-долу:

Той очаква, че следващия блок се намира под блок-майка, чиято височина е равна на височината на най-високата детска блок (в този пример, височината на плаващ блок)

Clearfix - пречистване на записи поток запазване структурна оформление

в действителност, на следващия блок (в повечето браузъри) наистина е единица под-майка, но височината на родителя, равна на височината на (не-плаваща) съдържанието на статично

Clearfix - пречистване на записи поток запазване структурна оформление

Старият решение

Обдухва поток с помощта на допълнителен елемент, поставен в края на родителското устройство с имота или атрибут ясно (

):

Demo. Недостатък на този метод - няма полза за никого развалят srukturnost и семантика на код елемент. Често с една-единствена цел - чиста поток.

Новото решение

актуализация 12/17/09 Егор Скорняков - да се скрие точката по-добре да се използва видимост. вместо скрит преливник. скрита, защото В някои браузъри, въпросът е все още видими.

Подкрепете проекта - споделете линка, благодаря!