padding-top,padding-bottom,margin-top,margin-bottom 是百分比时是按照当前元素的 父级元素的宽度 来计算的
1. 当div的宽度是百分比时
html代码
无标题 html,body{margin:0;padding:0;height:100%;}.row{width:100%;}.row:before , .row:after{display: block;content:'';height: 0;clear:both;}.col-md-4{float: left;width:33.33%;}.blue-bg{padding-top: 33.33%;background-color: #428bca;}.red-bg{padding-top: 33.33%;background-color: red;}.yellow-bg{padding-top: 33.33%;background-color: yellow;}.container{width:100%;}
查看更多关于CSS笔记--padding，margin为百分比计算时的参照对象_html/css_WEB-ITn的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did111530