1.overflow溢位隱藏
1 <p class="box">欄目概述:①平面設計是什么?平面設計需要學什么?平面設計軟體有哪些?ps,AI,cdr為設計師常用做圖軟體,欄目分享設計師構圖經驗與素材網站網址.②web前端如何學?前端開發語言有哪些?前端需要學什么?欄目分享html,css,js,h5/css3,jQ和回應式網站設計及前端專案框架開發工具.③cms程式網站是什么?cms程式如何建站?怎樣建設cms程式網站?欄目分享織夢dedecms仿站和wordpress博客搭建及帝國cms網站.④seo怎么做優化?什么是seo優化?如何學好seo優化?欄目分享怎么分析自己和競爭對手網站與seoer作業網站資料分析布局及SEO賺錢.</p>
1 *{ 2 margin: 0; 3 padding: 0; 4 } 5 .box{ 6 width: 600px; 7 height: 100px; 8 border: 1px solid red; 9 overflow: hidden; 10 }
2.overflow清浮動
1 <div class="wrap"> 2 <div class="col01"></div> 3 <div class="col02"></div> 4 </div>
1 .box{ 2 width: 600px; 3 height: 100px; 4 border: 1px solid red; 5 overflow: hidden; 6 } 7 .wrap{ 8 border: 10px solid #000; 9 } 10 .col01,.col02{ 11 float: left; 12 width: 200px; 13 height: 200px; 14 } 15 .col01{ 16 background-color: #FF0000; 17 } 18 .col02{ 19 background-color: darkcyan; 20 }
3.overflow解決margin-top的傳遞問題
1 <div class="bigBox"> 2 <div class="smallBox"></div>
1 .bigBox{ 2 width: 400px; 3 height: 400px; 4 background-color: sienna; 5 } 6 .smallBox{ 7 width: 100px; 8 height: 100px; 9 background-color: forestgreen; 10 margin-top: 50px; 11 }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/199372.html
標籤：Html/Css
上一篇：雪碧圖的使用和制作技巧
下一篇：jquery選擇器