html中，怎样如下设置div的距离？

html-css021

html中，怎样如下设置div的距离？,第1张

间距不可以用%百分比来算的。不过特殊方法还是有的，就是间距用3%的宽度的div来填充。 <div style="width:150pxfloat:left"></div><div style="width:3%float:left"></div><div style="width:500pxfloat:left"></div><div style="width:3%float:left"></div><div style="width:150pxfloat:left"></div>

你好，这是由于每个标签都有默认的边距，所以你虽然去掉了div的边距，但是h1也是有的，如果你不需要，可以把h1的边距也去掉。当然还是有另外的解决办法，就是给div添加overflow:hidden

其实，如果只有一行的话，最后一个设置float:right也是可以的。

如果还有很多行的话，就只能在用特殊的方法了

例如：总宽800px，分4列，间距10px

(800px-3*10px)/4=192.5 由此得出每个div的宽度为大约192px；

css定义div的margin-right：10px（右边距） margin-left：0px（即靠左边了）

然后特定一个样式如.last{margin-right：0px}来消除最后一个div的右边距

当每行最后一个div时，运用class="last" 即消除最后一个div的右边距，这样就达到了靠右了。

这样说不知道你能不能理解

参考：

<div>1</div>

<div>2</div>

<div>3</div>

<div class="last">4</div>每个div定义右边距，最后一个消除右边距。

我一般都是这样实现。希望帮到你！