星空网 > 软件开发 > 网页设计

Div高度百分比

有时候设置高度百分比,没有效果。

原因是父元素没有设置高度。

 

父元素可以设置高度为具体的px。或是100%等百分比。

这样子元素再能根据百分比来设置高度。

 <style type="text/css">    html,body {      width:100%;      height:100%;      margin:0px;      padding:0px;    }    .center {      width:80%;      margin:auto;    }    #top {      height:20%;      background-color:yellow;    }    #module {      height:60%;      background-color:gray;    }    #bottom {      height:20%;      background-color:blue;    }  </style><body>  <div id="top" class="center"></div>  <div id="module" class="center"></div>  <div id="bottom" class="center"></div></body>

 




原标题:Div高度百分比

关键词:div

div
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

4KMILES:https://www.ikjzd.com/w/2086
Musiio:https://www.ikjzd.com/w/2087
优速易:https://www.ikjzd.com/w/2088
Andalin:https://www.ikjzd.com/w/2089
Mailchimp_电子邮件工具:https://www.ikjzd.com/w/209
Mote Poh:https://www.ikjzd.com/w/2090
品牌出海新机遇,玩转“新兴”与“王牌”主题沙龙成功举办!:https://www.kjdsnews.com/a/1836370.html
每月资讯 | CBD为您带来最新行业动态:https://www.kjdsnews.com/a/1836371.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流