Может ли кто-нибудь объяснить, когда следует очищать всплывающие элементы?
Я иногда замечал, что когда я что-то делаю в HTML, и я их не очищаю, все равно все выглядит хорошо!
Также можно использовать overflow:hidden
в качестве замены для очистки?
Посмотрите на этот пример:
<html>
<head>
<style>
.a { background-color: red; overflow: hidden }
.floated-left { float: left; width: 100px; height: 100px; background-color: blue; }
</style>
</head>
<body>
<p>div with class a, that does have overflow:hidden:</p>
<div class="a">
<div class="floated-left">Hi,</div>
<div class="floated-left">Mom!</div>
</div>
<p>i didn't clear anything</p>
</body>
</html>
Здесь я не очистил плавающие div, но установил overflow:hidden
для класса .a
, а <p>
ниже появился в нормальном потоке элементов.
Однако, если я удалил overflow:hidden
из класса .a
, <p>
сместится.
Пожалуйста, объясните!
Спасибо, Бода Цидо.