html的div排列问题

2024年11月23日 07:04

有4个网友回答

网友（1）：

html中的div排版是通过css样式控制的。

DIV+CSS布局中主要CSS属性介绍：

Float:

Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，我们知道

标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多列功能。

Margin:

Margin属性用于设置两个元素之间的距离。

Padding:

Padding属性用于设置一个元素的边框与其内容的距离。

Clear:

使用Float属性设置一行有多个DIV后（多列），最好在下一行开始之前使用Clear属性清楚一下浮动，否则上面的布局会影响到下面。

DIV+CSS布局教程

Content-Left

Content-Main

运行效果：

网友（2）：

你想要实现什么样子的结果吧说出来我给你写。
在这个

的上面加上

就可以了。

网友（3）：

两种简单解决办法：
1、将2的div的float去掉，因为div本身就是左对齐的，这里有点多此一举。
2、将3的div设一个清除浮动，clear: left;

网友（4）：

在第二句的

中的style中加入overflow:hidden;就行了，原因float:left;浮动造成的