国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS基礎(chǔ)教程之清除浮動(dòng)

CSS清除浮動(dòng)的功能有兩個(gè)：

(1)可以包圍元素從“視覺(jué)上”包住浮動(dòng)元素

(2)清除之下的其它元素將恢復(fù)默認(rèn)排版。

注：

有浮動(dòng)，就得有清除。

如果包圍元素指定了高度了，那么可以不使用清除功能。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    <style type="text/css">
    img{
        width:200px;
        float:left;
    }
    .clear{clear:left;}
    </style>
    </head>
    <body>
        <h1>習(xí)近平心中的互聯(lián)網(wǎng)</h1>
        <p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X(jué)中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p>
        <img src="http://img.kanzhun.com/upload/image/20150616/ccd02d7d2bcf7451de277579c453ccde.jpg" >
        <div class="clear"></div>
         <p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X(jué)中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p>
    </body>
</html>

注：大家可以試著把清除浮動(dòng)的語(yǔ)句刪掉，查看輸出有什么變化

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> img{ width:200px; float:left; } .clear{clear:left;} </style> </head> <body> <h1>習(xí)近平心中的互聯(lián)網(wǎng)</h1> <p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X(jué)中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p> <img src="http://img.kanzhun.com/upload/image/20150616/ccd02d7d2bcf7451de277579c453ccde.jpg" > <div class="clear"></div> <p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們?cè)诓恢挥X(jué)中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p> </body> </html>
提交重置代碼
章節(jié)
筆記
提問(wèn)
課件
反饋
捐贈(zèng)

HTML+CSS基礎(chǔ)入門(mén)教程

  • 推薦課程
  • 評(píng)論
  • 問(wèn)答
  • 筆記
  • 課件下載

zero

這個(gè)教程總是會(huì)漏掉一些內(nèi)容

7年前    添加回復(fù) 0

我是灰太狼

怎么清除的啊

8年前    添加回復(fù) 0

看山看水看代碼

有浮動(dòng)，就得有清除。學(xué)習(xí)了

8年前    添加回復(fù) 0

看透不說(shuō)透

clear:both;這個(gè)還是有用的，浮動(dòng)寫(xiě)多了，后面的會(huì)有影響，這個(gè)時(shí)候就可以清除一下浮動(dòng)，然后繼續(xù)寫(xiě)

8年前    添加回復(fù) 0

baby不要哭泣

清除浮動(dòng)，有時(shí)候感覺(jué)效果不明顯

8年前    添加回復(fù) 0

尼古拉阿列克塞耶維奇奧斯特洛夫斯基

這個(gè)一直用不好。。不知道什么時(shí)候用

8年前    添加回復(fù) 0

課件暫不提供下載，工作人員正在整理中，后期請(qǐng)多關(guān)注該課程~