我认为如果文本跟随标记中的浮动元素,那么该文本将围绕该元素流动。那么为什么下面的示例会产生所示的结果呢?
下面是HTML:
<div class="float block red">Red</div>
TEXT BETWEEN RED AND BLUE
<div class="float block blue">Blue</div>
<div class="float block green">Green</div>
和CSS:
.float{
float: left
我以为我明白清牌的目的了。但是,在没有清除的情况下,它按照所需的方式工作。为什么会这样呢?
这是我的HTML:
<body>
<div class="clearfix">
<h1>Title</h1>
<h2>Headline 1 with a very long title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor inc
I have the following nested elements :
<div class="simple-score-bar">
<span class="score-heading">heading</span>
<div class="score-wrapper">
<div class="score-label">
<span>76</span>
</div>
<div