分享:CCS中Float的实质

2022-06-14    分类: 网站建设

当一个元素被设定为float后,那么它似乎不再属于这一行,也就是说,下一个元素可以跳到这一行来显示,但第一个元素无论如何总要占据一定的空间(当然还是在这一行),如果float:left,那么就意味着它将漂浮在这一行的最左边,如此,第二个元素便紧贴其后(本来要冲到最左边的,但第一个元素把最左边的位子占了,先来后到,没有办法,只好坐在人家的右边);如果float:right,那么第一个元素将漂浮到最右边,同理,第二个元素跑到这行来显示,由于第一个元素不再在最左边,所以第二个元素可以名正言顺地坐上头把交椅(这一行的最左边)。同理,有三个或多个元素时,也一样遵循这条法则。
Float是有很大用途的,但也不是想很多人说的可以替代一切。
Float通常是用来将默认 Display属性为非inline值 的标签以left或right的方式在一行中篇列,也可以理解为并排排列。
好像玩扑克牌,如果你想把扑克牌从左到右的排列而又不想考虑扑克牌的宽度和后续扑克牌的X轴坐标位置。那你就可以用
.扑克牌{ float:left; }
还有用什么方法并没有错,不要迷信别人说的用“position:absolute定位”就是错的。position:absolute在解决很多问题中都很有用。

分享标题:分享:CCS中Float的实质
网站路径:https://www.cdcxhl.com/news/167313.html

成都网站建设公司_创新互联,为您提供面包屑导航虚拟主机电子商务网站收录微信小程序网站营销

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司