css如何设置div子容器之间的间距

html-css027

css如何设置div子容器之间的间距,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px}。

3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。

使用padding属性和margin属性.如果在同一行设定了两个div.属性都是float:left.而且还有margin值建议使用display:inline..否则在IE会出现双倍边距的现象!!!