关于盒模型边距参数大小以及位置

当所有的布局有关参数都设置完成之后, 肯定会有一部分参数引起冲突,

冲突时, 哪些参数会保留, 哪些参数会被舍去?

 





<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #test01{
            position: absolute;
            top : 15px;
            left: 16px;
            right: 17px;
            bottom: 18px;
            margin: 21px 22px 23px 24px;
            border: 1rem solid;
            padding: 14px;
        }
    </style>
</head>
<body>
    <div id="test01" width="400" height="400">context</div>
</body>
</html>






 




 






 


 


 根据浏览器中的盒模型参数, 推断, 应该是,


　　宽度(width)和高度(height)不会跟随属性的设置, 而是会因为适应其它边距参数而改变自己的大小


 




 










            

            
posted @ 
2020-10-20 14:40 
0龙行者0 
阅读(148) 
评论(0) 
编辑 
收藏 
举报