<!DOCTYPE html><html><head> <meta charset="UTF-8"/> <title>原理</title> <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="renderer" content="webkit"/> <style> .float { float: left; height: 100px; background: rebeccapurple; } .box { clear: both; background: green; height: 100px; margin-top: 10px; } </style></head> <body> <div class="float">这是一段文字</div> <div class="box">这是一段文字</div></body></html>在box元素设置 为clear:both 时 不断增大其 margin-top的值,或者减少margin-top的值box元素并不会移动当box元素没有设置clear:both 时 不断增大其 margin-top的值,或者减少margin-top的值box元素 和 float 元素会一起移动
添加回答
举报
0/150
提交
取消