html - CSS的width/height 属性“真的”是指内容区的宽高?
本文介绍了html - CSS的width/height 属性“真的”是指内容区的宽高?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
width 属性指定了元素内容区的宽度. 内容区在元素padding,border和margin里面。
#test{
position:absolute;
top:500px;
left:300px;
background:black;
width:50px;
height:50px;
border:10px solid red;
}
(Chrome)
我写的宽高是50px,然后边框设置10px。但是内容区宽高只有30px。
怎么回事,和概念相悖了。
解决方案
box-sizing有两个值可以设置。
为content-box时,不包括padding和border。
为border-boxx的时候,包括padding和border
这篇关于html - CSS的width/height 属性“真的”是指内容区的宽高?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文