用CSS去掉两个div中间的空白

html-css023

用CSS去掉两个div中间的空白,第1张

1.如果是将div编程了inline-block后，之间是有间隙的。这个没有办法修改的。

2.如果希望两个div紧邻着，可以使用浮动和定位。

下面是简单的例子，进攻参考：

浮动的方式：

<style>

div {width:100pxheight:100pxbackgorund:#cccfloat:left}

</style>

<body>

<div></div>

<div></div>

</body>定位的方式

<style>

div {width:100pxheight:100pxbackgorund:#cccposition:absolutetop:0

left:0}

.d2 {left:100px}

</style>

<body>

<div></div>

<div class="d2"></div>

</body>

这个问题不复杂，也不难理解。

你要知道有的元素本身是有padding值的，ul,ol 标签水平方向默认有padding值，

同样的，p,ul,ol,dl 标签垂直方向默认有margin值。

所以你会在别的项目里看到样式充值；就是reset.css；这里面会把所有的默认值统一或者去掉。

回到你的问题；你只要在css里申明；ul{padding:0margin:0}就可以了

CSS+DIV布局，消除两个div之间的间隙只需要在原代码中加入以下代码即可：

ul{padding:0pxmargin:0px}

表单默认是有间距的，需要手动设置它的间距为0。