用户外观(User-interface) 属性

用户外观(User-interface) 属性

CSS3 box-sizing 属性(允许您为了适应区域以某种方式定义某些元素)

box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。

div.container{
width:30em;
border:1em solid;
}
div.box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
border:1em solid red;
float:left;
}

例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。

说明
content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外
border-box 指定宽度和高度(最小/最大属性)确定元素边框。也就是说,对元素指定宽度和高度包括了 padding 和 border 。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit 指定 box-sizing 属性的值,应该从父元素继承

 

 

 

版权声明:
作者:网络知识大全
链接:http://www.maycasi.com/117.html
来源:MAYCASI网络知识大全
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>