3---页面布局的盒子模型(IE与其他浏览器区别)

1.ie与其他浏览器盒子的宽度和高度是不同的:

IE的宽高度包括了边框和内嵌边距,而其他浏览器的宽高度为内嵌文本的宽高度。


2.源代码:

<style>

.box {

width:250px !important;  其他浏览器宽高度

width:300px; IE为后边的宽高度,会覆盖前边的宽高度。

height:270px !important;

height:300px;

border:5px solid blue;

padding:10px 20px;

margin:30px;

background:#F0F;

}

</style>

<body>

<div class="box">

我是谁?<br>

我是谁?<br>

我是谁?<br>

我是谁?<br>

</div>

</body>

你可能感兴趣的:(3---页面布局的盒子模型(IE与其他浏览器区别))