html中float浮动的使用方法DIV+CSS浮动怎么用

 时间:2024-11-11 02:35:12

1、新建一个html网页,在body中侑喏嵋甲插入【<div class="content"></div>】并引入CSS【.content{width: 420px;height: 100px;background: #d4d4d4;padding: 5px 0 5px 5px;}】。

html中float浮动的使用方法DIV+CSS浮动怎么用

3、继续添加一个同级的DIV【<div class="a b"></div>】并引入样式a和样式b,样式B只定义背景色【.b{background: #FF5F00;}】。可以看到第2个DIV排到了第一个的下方位置。

html中float浮动的使用方法DIV+CSS浮动怎么用

5、为了方便朋友们查看顺序,把4个DIV分别插入一个数字,相当于给他们编一个号码。

html中float浮动的使用方法DIV+CSS浮动怎么用

7、我们再来试一下右浮动【float:right】,可以看到DIV是从右向左排列的。现在朋友们知道怎么使用浮动代码了吗?

html中float浮动的使用方法DIV+CSS浮动怎么用
  • 易语言窗口界面如何添加超级链接框
  • 玄元剑仙初期门派攻略
  • 如何在线生成获取GUID
  • DIY系列之教你如何画扇子
  • 花椒直播怎么设置截图自动保存到相册
  • 热门搜索
    韧带拉伤怎么恢复 四川家常菜 安徽理工大学怎么样 家常菜 海蓝之谜怎么样 虾仁的做法大全家常菜 怎么败火 眼压高的治疗方法 唱歌怎么练气息 素鸡的家常做法