麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

不定高度的div背景或背景圖片不顯示問題

2024-07-11 09:07:02
字體:
來源:轉載
供稿:網友

在div自增長后其內的背景色或圖片如何隨之增長,下面有個不錯的示例,大家可以參考下

 

代碼如下:

height:auto !important;  
height:550px;  
min-height:550px;  

在Div末尾加入代碼:  
<div style="clear:both;"></div>  

或者使用  

<br style="clear:both;" />  

2. 使用after偽類  

這種方法就是對父容器使用after偽類和內容聲明在指定的現在內容末尾添加新的內容。經常的做法就是添加一個“點”,因為它比較小不太引人注意。然后我們再利用它來清除浮動(閉合浮動元素),并隱藏這個內容。  

這種方法兼容性一般,但經過各種 hack 也可以應付不同瀏覽器了,同時又可以保證html 比較干凈,所以用得還是比較多的。  


代碼如下:

#outer:after{  
content:".";  
height:0;  
visibility:hidden;  
display:block;  
clear:both;  
}  

3.設置overflow為hidden或者auto  

這種做法就是將父容器的overflow設為hidden或auot就可以在標準兼容瀏覽器中閉合浮動元素.  

不過使用overflow的時候,可能會對頁面表現帶來影響,而且這種影響是不確定的,你最好是能在多個瀏覽器上測試你的頁面  

4.浮動外部元素,float-in-float  

這種做法就是讓父容器也浮動,這利用到了浮動元素的一個特性——浮動元素會閉合浮動元素。這種方式在 IE/Win 和標準兼容瀏覽器中都有較好的效果,但缺點也很明顯——父容器未必想浮動就浮動的了,畢竟浮動是一種比較特殊的行為,有時布局不允許其浮動也很正常。


注:相關教程知識閱讀請移步到CSS教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 91精品视频在线看 | 成人午夜久久 | 黄色免费小视频网站 | 亚洲成人在线免费 | 91久久久久久亚洲精品禁果 | av中文在线观看 | 在线播放免费人成毛片乱码 | 精品一区二区三区免费毛片爱 | 激情宗合 | 日本网站在线播放 | 久久久久久久久久亚洲 | 亚洲最大中文字幕 | 欧美性生交xxxxx久久久缅北 | 黄色免费大片 | 性片免费看 | 日本黄色免费观看视频 | 成人福利视频在线观看 | 国产午夜精品一区二区三区视频 | 中国大陆一级毛片 | 黄色视频a级毛片 | 男人久久天堂 | 久久久久久久久久久久久久国产 | av免费提供| 一级一级一级一级毛片 | 奶子吧naiziba.cc免费午夜片在线观看 | 黄视频免费在线观看 | 日本一级黄色毛片 | 欧产日产国产精品v | 久久国产精品久久久久久久久久 | 中文字幕在线免费观看电影 | 国产中出视频 | 日韩欧美动作影片 | 91精品国产综合久久青草 | 日本成人一区二区 | 国产午夜免费福利 | 福利在线播放 | 久久成人动漫 | 精品一区二区三区欧美 | 久久久综合视频 | 久草视频国产在线 | 天天操很很操 |