jsp+左间距_DIV间距设置

DIV间距设置专题-DIVCSS5

一、消除上下结构距离    -   TOP

DIV之间距离让两个上下结构DIV块距离为零，通常新手在制作DIV CSS页面的时候，不会考虑到初始化CSS属性，这样各标签属性默认的CSS属性将会造成错位、兼容等问题。

如上下结构的2个box DIV块，中间有一定间距无法消除

二、清除DIV间距解决方法   -   TOP

在CSS里设置DIV标签各属性参数为0

div{margin:0;border:0;padding:0;}

这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性，这里设置margin外边距为0；边框border属性为0和内补白也为0；这样相当于就初始化了DIV盒子之间距各属性距离为0，这样就不会造成DIV直接有一定的距离。

当然推荐在制作开发DIV CSS的时候最好将网页CSS属性、常用网页标签初始化一下。

CSS初始化技巧地址：http://www.divcss5.com/template/m17.shtml

三、设置DIV盒子之间间距   -   TOP

以上是使用CSS清除盒子之间距离。接下来为大家介绍设置盒子之间间距。

使用CSS样式单词为margin(可进入CSS margin教程了解详细使用方法)。

1、设置对象的上下间距

.divcss5-a{margin:10px 0}

设置“divcss5-a”对象上下间距为10px,左右为0

2、设置对象左右距离

.divcss5-b{margin:0 8px}

设置“divcss5-b”对象上下间距为0,左右为8px

3、设置DIV盒子与上方相邻间距

.divcss5-c{margin-top:10p