美文网首页
理解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