美文网首页
理解CSS中的width

理解CSS中的width

作者: 西元前__YP | 来源:发表于2017-10-06 11:34 被阅读0次

width表示的就是这个元素内容的宽度,假如设置一个div的width为300,那么类似下面

<div class = 'demo'>  abcdefg </div>

.demo {

width : 300px;

margin : 50px;

padding : 30px;

border : 10px;

}

那么这一整个div在页面中所占据的宽度为 300(width)+30(padding)2+10(border)2+ 50(margin)*2 = 480 px

其中'abcdefg'内容所占据的宽度为width

相关文章

网友评论

      本文标题:理解CSS中的width

      本文链接:https://www.haomeiwen.com/subject/zvvlyxtx.html