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

html-css016

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

一个元素上同时调用了first和fl两个class类:

<p

class="font12

red

line22">这里p上同时调用了三个class</p>

.font12{font-size:12px}

.red{color:red}

.line22{line-height:22px}

要给第二个列表加背景,再给第二个列表定义个id或class:

<div

class="first

fl">

<ul><li>list11111</li></ul>

</div>

<div

class="fl">

<ul

class="list2"><li>list222</li></ul>

</div>

.list2{定义背景..}

.fl不是控制哪个类的,是定义了一个叫fl的类名,上面两个div都调用了.fl这个类,都浮动了。

基本上没摸到门的方向,还需要加油!