首页 > 代码库 > width100%,设置padding或border溢出解决方法
width100%,设置padding或border溢出解决方法
.box { width: 100px; height: 100px; background: red;}
.bd { width: 100%; padding: 10px; background: black;}
<div class="box"><div class="bd"></div> </div>如上结构,子元素将会溢出解决方法:CSS3:
加入box-sizing:border-box;属性即可解决
一般的方法:父元素设置padding
例:
<div class="box" style="padding-right: 20px;"><div class="bd"></div></div>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。