1、如图,先设定一个大容器,里面有两个div小容器,这样才好说明浮动布局。

3、看下默认的布局效果,假设一个网页内有红蓝两个div,现在我们开始用浮动来控制它们的方位。

5、接着看下浮动的效果,一个在左,一个靠右,但是它们离黑色边框太近了。

7、最后看看红蓝div的方位发生移动了,这就是float的用法,它可以配合margin来用,float浮动的用法还算是比较简单哟,可以多码代码试试。

时间:2024-10-12 10:16:02
1、如图,先设定一个大容器,里面有两个div小容器,这样才好说明浮动布局。
3、看下默认的布局效果,假设一个网页内有红蓝两个div,现在我们开始用浮动来控制它们的方位。
5、接着看下浮动的效果,一个在左,一个靠右,但是它们离黑色边框太近了。
7、最后看看红蓝div的方位发生移动了,这就是float的用法,它可以配合margin来用,float浮动的用法还算是比较简单哟,可以多码代码试试。