css 浮動(dòng)問(wèn)題

科技 未結(jié) 1 945
qkoufu22151
qkoufu22151 2022-06-16 18:02

左側(cè)第一行無(wú)端出現(xiàn)跟右邊一樣的高度,解決方案是有,但是不知道為什么會(huì)出現(xiàn),請(qǐng)哪位朋友幫我解釋下原因,謝謝!


<style type="text/css">

.r{ float: right; width: 230px; background: #d4d4d4; } .l{ margin-right: 250px; background-color: #2b81af; }.item:before { content: '; display: block; } .item:after { content: '; display: table; clear: both; }

</style>

<div class="r">

<p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p>

</div>
<div class="l">

<div class="item">bbbb</div> <div class="item">bbb</div> <div class="item">bbb</div>

</div>

1條回答
  •  ragnarok1000
    2022-06-16 18:33

    item:after {

    0 討論(0)
提交回復(fù)