css float left(css float)
2024-05-26 08:45:28
导读 大家好,小东方来为大家解答以上的问题。css float left,css float这个很多人还不知道,现在让我们一起来看看吧!1、这个东西叫浮动。2、...
大家好,小东方来为大家解答以上的问题。css float left,css float这个很多人还不知道,现在让我们一起来看看吧!
1、这个东西叫浮动。
2、顾名思义,就是让设置的标签产生浮动效果,就是脱离原来页面的标准输出流。
3、正常情况下,HTML页面中块元素都是从上倒下排列的。
4、如果想实现左右结构。
5、float的一种选择(当然还有其他方法)。
6、比如左右这样,这个两个DIV标签就在同一行上了(同时靠左),当然有个前提,就是他们俩的父元素的宽度要至少大于400px,这样才能在同一行上。
7、这个结果是两个DIV的右侧会空出100PX的空白左右以上写法,也是在同一行。
8、不同的是,一个靠左,一个靠右。
9、这里边的两个DIV的中间有100PX的空白。
10、需要注意的是,当标签使用了float属性后,就脱离了标准输出流,就不受页面约束了。
11、这样不方便,也不利于页面布局。
12、所以,一般浮动之后要清除浮动。
13、左右这样,页面整体的布局结构就基本上没有被破坏了。
本文到此分享完毕,希望对大家有所帮助。
免责声明:本文由用户上传,如有侵权请联系删除!
猜你喜欢
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
最新文章
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26
- 05-26