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

html-css010

用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>

*{margin:0padding:0}

*是通配符,所有标签都匹配,margin和padding是消除标签的内外边距的。

当然也可以直接用标签来

h1,p,ul{margin:0padding:0}

这样来消除自带的属性,

主要是*这种通配符是所有页面里的标签全部过一遍,直接写标签的话就直接消除指定的标签自带的默认样式,据说是降低渲染时间,但是一般影响不大。一般大网站,像淘宝,京东,百度都是用的后面一种,当然前期自学或测试的话可以用通配符。