摘要:本文主要向大家介绍了WEB前端的div css 清除浮动,希望对大家学习WEB前端有所帮助。
本文主要向大家介绍了WEB前端的div css 清除浮动,希望对大家学习WEB前端有所帮助。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; background-color: yellow; /* * 设置box1向左浮动 */ float: left; } .box2{ width: 200px; height: 200px; background-color: yellowgreen; /* * 由于受到box1浮动的影响,box2整体向上移动了100px * 我们有时希望清除掉其他元素浮动对当前元素产生的影响,这时可以使用clear来完成功能 * clear可以用来清除其他浮动元素对当前元素的影响 * 可选值: * none,默认值,不清除浮动 * left,清除左侧浮动元素对当前元素的影响 * right,清除右侧浮动元素对当前元素的影响 * both,清除两侧浮动元素对当前元素的影响 * 清除对他影响最大的那个元素的浮动 */ /* * 清除box1浮动对box2产生的影响 * 清除浮动以后,元素会回到其他元素浮动之前的位置 */ /*clear: left;*/ float: right; } .box3{ width: 300px; height: 300px; background-color: skyblue; clear: both; } </style> </head> <body> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> </body> </html>
希望这篇文章可以帮助到你,总之同学们,it资讯尽在职坐标。
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号