一、常用属性: 1、Height:设置 DIV 的高度
2、Width:设置 DIV 的宽度
例: 3、margin:用于设置 DIV 的外延边距,也就是到父容器的距离
例: 1 2 3 4 5 6 7 说明:margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;可以看例子中的白色DIV 到黑色DIV 的边距离效果
还可以分别设置这四个边的距离,用到的属性如下: 4、margin-left:到父容器左边框的距离
5、margin-right:到父容器右边框的距离
6、margin-top: 到父容器上边框的距离
7、margin-bottom:到父容器下边框的距离
例: 代码 8、padding:用于设置DIV 的内边距
例: 1 2 3 4 5 6 说明:padding 的格式和margin 的格式一样,可以对照学习
可以看黑色DIV 与白色DIV 的边距来体会此属性的效果
这是还需要注意的是padding 设置的距离不包括在本身的width 和height 内(在IE7 和FF 中),比如一个DIV 的width 设置了100px,而padding-left设置了50px,那么这个DIV 在页面上显示的将是150px宽
也可以用以下四个属性来分别设置DIV 的内边距: 9、padding-left:左内边距
10、padding-right: 右内边距
11、padding-top; 上内边距
12、padding-bottom: 下内边距
例: 1 2 3 4 5 6 7 8 13、position:设置 DIV 的定位方式
例: 代码 说明:position 的属性中有 static、fixed、relative、absolute 四个属性
常用 relative和 absolute
若指定为 static 时,DIV 遵循