初识CSS样式-浮动样式float

我们都知道div标签是独占一行的,那么如何让独占一行的DIV元素并排显示呢? 这一个时候 就需要使用到float样式了  也就是浮动样式。 浮动样式的特点: 1.浮动样式可以让 HTML元素在父级元素内 进行一排码放 但宽度不够使,元素会自动到第二行码放。 语法:float:left  float:right .box { width:500px; height:100px; background:gray; } .one { width:100px; height:100px; background:red; float:left; } .two { width:100px; height:100px; background:green; float:left; } .three { width:200px; height:100px; background:blue; float:left; } .four { width:100px; height:100px; background:yellow; float:left }

提供优质的网站源码大全,小程序、APP、H5、支付、游戏、区块链、商城、直播、影音、小说、公众号等源码下载。
易搜网络技术公司 » 初识CSS样式-浮动样式float
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡