admin 管理员组

文章数量: 1184232


2024年5月30日发(作者：internetopen)

de元素行内样式的选取标准属性

一、常用属性：

1、Height:设置DIV的高度。

2、Width:设置DIV的宽度。

例：

3、margin:用于设置DIV的外延边距，也就是到父容器的距离。

例：点击查看效果：

height:200px;">

说明：margin:后面跟有四个距离分别为到父容器的上-右-下-

左边的距离；可以看例子中的白色DIV到黑色DIV的边距离效果。还

可以分别设置这四个边的距离，用到的属性如下：

4、margin-left:到父容器左边框的距离。

5、margin-right:到父容器右边框的距离。

6、margin-top: 到父容器上边框的距离。

7、margin-bottom:到父容器下边框的距离。

在标准的浏览器中，box模型首先确定的是content的宽度和

高度，而margin和padding不会影响content的宽度和高度——如

果增加magin和padding尺寸后，content尺寸不变而总的box尺寸

会增大。

在IE中却相反,增加margin和padding的尺寸，则会减小

content的尺寸，而box尺寸不变。微软遵循的逻辑是现实世界的框

架不变，填充变大，则里面的图片越小。

margin叠加：

这是一个难点(行内框、浮动框、绝对定位框margin不会叠加),

简单的描述概念就是：两个垂直的margin相遇，则会合并成一个

margin，这个margin的高度是前两个高度值大的。

(1)、元素的顶边界与前面元素的底边界发生叠加


本文标签： 距离 尺寸 容器 元素 设置

版权声明：本文标题：de元素行内样式的选取标准属性 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1717027276a699903.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。