码迷,mamicode.com
首页 > Web开发 > 详细

css设置容器宽高保持比例

时间:2017-07-12 23:10:53      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:宽度   back   str   code   span   pad   top   rip   容器   

html:

<div class = "father">
    <div class = "daughter"></div> 
</div>

css:

.father { width: 100%; } .daughter { width: 20%; height: 0; padding-top: 20%; background: black; }

 

主要知识:上下边距的百分比数值是以父元素宽度作为参照的。


css设置容器宽高保持比例

标签:宽度   back   str   code   span   pad   top   rip   容器   

原文地址:http://www.cnblogs.com/KDSER/p/7157696.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!