亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

淺談CSS中的clear清除浮動(dòng)

  發(fā)布時(shí)間：2016-06-06 08:52:00   作者：佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇淺談CSS中的clear清除浮動(dòng)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

1、CSS中的clear有四個(gè)參數(shù)：

none：允許兩邊都可以浮動(dòng)。

left：不允許左邊有浮動(dòng)。

right：不允許右邊有浮動(dòng)。

both(默認(rèn))；不允許有浮動(dòng)。

2、一開始在CSS中clear浮動(dòng)是默認(rèn)both，也就是說(shuō)一開始不能有浮動(dòng)的。

3、使用的案例：假設(shè)我清除第三個(gè)DIV的浮動(dòng)

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <style type="text/css">  
  2. div{   
  3. border:1px solid red;   
  4. float:left;   
  5. clear:none;   
  6. }   
  7. #msg_Div{   
  8. width:600px;   
  9. height:600px;   
  10. }   
  11. .one{   
  12. width:100px;   
  13. height:90px;   
  14. }   
  15. .two{   
  16. width:100px;   
  17. height:90px;   
  18. }   
  19. .three{   
  20. width:100px;   
  21. height:90px;   
  22. clear:left;   
  23. }   
  24. .four{   
  25. width:100px;   
  26. height:90px;   
  27. }   
  28. .five{   
  29. width:100px;   
  30. height:90px;   
  31. }   
  32. </style>  
  33.   
  34.     
  35.   
  36. <body>  
  37. <div id="msg_Div">  
  38. <div class="one"></div>  
  39. <div class="two"></div>  
  40. <div class="three"></div>  
  41. <div class="four"></div>  
  42. <div class="five"></div>  
  43. </div>  
  44. </body>  

效果：

　　　

以上這篇淺談CSS中的clear清除浮動(dòng)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • 清除css浮動(dòng)的三種方法小結(jié)

    這篇文章主要介紹了清除css浮動(dòng)的三種方法小結(jié),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-19

  • 詳解css清除浮動(dòng)float的七種常用方法總結(jié)和兼容性處理

    這篇文章主要介紹了詳解css清除浮動(dòng)float的七種常用方法總結(jié)和兼容性處理,非常具有實(shí)用價(jià)值，需要的朋友可以參考下
    2017-09-11

  • 淺談css中浮動(dòng)和清除浮動(dòng)帶來(lái)的影響

    這篇文章主要介紹了淺談css中浮動(dòng)和清除浮動(dòng)帶來(lái)的影響，通過(guò)代碼示例和圖片展示詳細(xì)介紹講解了浮動(dòng)的應(yīng)用和實(shí)現(xiàn)效果,需要的朋友可以參考下
    2017-08-14

  • CSS清除浮動(dòng)方法小結(jié)

    本文主要介紹了CSS解決浮動(dòng)，清除浮動(dòng)的幾種方法：1、設(shè)置父元素高度；2、overflow；3、增加子元素（塊級(jí)），并且設(shè)置其clear屬性值為both來(lái)解決（隔墻法、內(nèi)墻法）；4、使
    2017-03-22

  • 詳解CSS中zoom屬性或overflow:auto屬性清除浮動(dòng)的作用

    這篇文章主要為大家介紹了CSS中zoom屬性或overflow:auto屬性清除浮動(dòng)的作用,文中通過(guò)實(shí)例代碼介紹的很詳細(xì)，相信會(huì)對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，有需要的朋
    2016-11-26

  • 關(guān)于清除浮動(dòng)塌陷的幾種方法總結(jié)

    在大家在使用css的過(guò)程中，多多少少會(huì)遇到清除浮動(dòng)這個(gè)問(wèn)題。所以這篇文章給大家總結(jié)了div+css中關(guān)于清除浮動(dòng)塌陷的4種方法，相信會(huì)對(duì)大家學(xué)習(xí)或者使用div+css能有所幫助，
    2016-10-17

  • CSS清除浮動(dòng)的方法詳解

    這篇文章主要介紹了CSS清除浮動(dòng)的方法詳解,值得注意的是并不是每次單純把浮動(dòng)清除掉就可以解決相關(guān)問(wèn)題,文中最后談到的閉合浮動(dòng)的方案也非常值得一試,需要的朋友可以參考下
    2016-05-30

  • CSS浮動(dòng)所產(chǎn)生的內(nèi)容溢出問(wèn)題及清除浮動(dòng)的方法小結(jié)

    CSS的float浮動(dòng)效果在一些情況下非常不穩(wěn)定,控制不好的時(shí)候一般還是清除浮動(dòng)為妙,這里我們就來(lái)看一下CSS浮動(dòng)所差生的內(nèi)容溢出問(wèn)題及清除浮動(dòng)的方法小結(jié)
    2016-05-30

  • DIV+CSS 清除浮動(dòng)常用方法總結(jié)

    下面小編就為大家?guī)?lái)一篇DIV+CSS 清除浮動(dòng)常用方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-05-06

  • Css實(shí)現(xiàn)清除浮動(dòng)的方法匯總

    這篇文章主要介紹了Css實(shí)現(xiàn)清除浮動(dòng)的方法匯總,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2019-07-11

最新評(píng)論