初识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 }

尚美源码教程库提供精美的网站源码教程,小程序、公众号、H5、APP、游戏、直播、支付、区块链、商城、影音、小说等源码信息大全。
用户必须遵守《计算机软件保护条例(2013修订)》第十七条:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此条例,用户从本平台下载的全部源码(软件)教程仅限学习研究,未经版权归属者授权不得商用,若因商用引起的版权纠纷,一切责任均由使用者自行承担,本平台所属公司及其雇员不承担任何法律责任。
尚美源码教程库 » 初识CSS样式-浮动样式float
赞助VIP 享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡