中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用CSS的overflow屬性

發布時間:2022-03-14 13:40:33 來源:億速云 閱讀:171 作者:iii 欄目:web開發

這篇“如何使用CSS的overflow屬性”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“如何使用CSS的overflow屬性”文章吧。

  1、清除浮動,并為其定義CSS代碼clear:both

  代碼實例:

  .demo{

  width: 500px;

  margin: 50px auto;

  background-color: #CCCCCC;

  }

  .left{

  width: 100px;

  height: 100px;

  float: left;

  background-color: #21B4BB;

  }

  .right{

  width: 100px;

  height: 50px;

  float: right;

  background-color: #21B4BB;

  }

  .clear{

  clear:both;

  }

  優點:簡單,代碼少,瀏覽器兼容性好。

  缺點:需要添加大量無語義的html元素,代碼不夠優雅,后期不容易維護。

  2.使用CSS的overflow屬性

  使用overflow清除浮動:只需在需要清除浮動的元素中定義CSS代碼overflow:auto或overflow:hidden即可。

  代碼實例:

  .demo{

  width: 500px;

  margin: 50px auto;

  background-color: #CCCCCC;

  overflow:hidden

  }

  .left{

  width: 100px;

  height: 100px;

  float: left;

  background-color: #21B4BB;

  }

  .right{

  width: 100px;

  height: 50px;

  float: right;

  background-color: #21B4BB;

  }

  優點:不存在結構和語義化問題,代碼量極少

  缺點:內容增多時候容易造成不會自動換行導致內容被隱藏掉,無法顯示需要溢出的元素

  3.使用CSS的:after偽元素

  對父元素使用:after偽元素,設置display:table

  display:table 使生成的元素以塊級表格顯示,占滿剩余空間。

  通過content: " "生成內容作為最后一個元素,至于content里面是什么都是可以的,CSS經典的是 content:".",有些版本可能content里面內容為空。

  代碼實例:

  .demo{

  width: 500px;

  margin: 50px auto;

  background-color: #CCCCCC;

  *zoom: 1;

  }

  .demo:after {

  content: " ";

  display: table;

  clear: both;

  }

  .left{

  width: 100px;

  height: 100px;

  float: left;

  background-color: #21B4BB;

  }

  .right{

  width: 100px;

  height: 50px;

  float: right;

  background-color: #21B4BB;

  }

  缺點:適合現代瀏覽器,不支持IE6/7,*zoom: 1就是為了兼容IE6/7

以上就是關于“如何使用CSS的overflow屬性”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

黎川县| 千阳县| 万载县| 英超| 新乡市| 安阳县| 登封市| 汝州市| 翼城县| 新蔡县| 隆子县| 时尚| 永安市| 冷水江市| 扶风县| 娱乐| 巨鹿县| 临汾市| 广德县| 元阳县| 民勤县| 安西县| 昭平县| 乐清市| 北宁市| 措勤县| 鹤庆县| 合山市| 惠安县| 馆陶县| 铜川市| 芜湖市| 元阳县| 海安县| 锦屏县| 永春县| 桂平市| 沙雅县| 方正县| 南召县| 大渡口区|