直接上代码:
w3标准盒模型:
<!DOCTYPE html>
<html>
<head>
<style>
.w3{
width: 150px;
height: 20px;
border: 10px solid black;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<div class="w3" >
W3标准盒模型
</div>
</body>
</html>
IE标准盒模型:
<!DOCTYPE html>
<html>
<head>
<style>
.ie{
width: 150px;
height: 20px;
border: 10px solid black;
padding: 10px;
margin: 10px;
box-sizing: border-box;
}
</style>
</head>
<body>
<div class="ie" >
IE标准盒模型
</div>
</body>
</html>
更多资讯:
一到三万元的小本生意 https://yajieju.lofter.com/post/1f7310e9_1c9df1ee2
不起眼的暴利小生意 https://www.jianshu.com/p/4add3f83efca
本文通过实际代码示例,对比了W3C标准盒模型与IE盒模型在网页布局上的差异,展示了两种模型下元素宽度计算的不同方式。
6509

被折叠的 条评论
为什么被折叠?



