代码是这样:
<!DOCTYPE html>
<html>
<head>
<style>
#c1{background:red;height:80px;width:30px;float:left;}
#c2{margin:0px;background:dimgray;}
#c21,#c22,#c23,#c24,#c25{margin:10px;background:green;width:100px;height:30px;}
#c22,#c24{background:gold;}
</style>
</head>
<body>
<div id="c1"></div>
<div id="c2">
<div id="c21">Text 1</div>
<div id="c22">Text 2</div>
<div id="c23">Text 3</div>
<div id="c24">Text 4</div>
<div id="c25">Text 5</div>
</div>
</body>
</html>
此时的效果图是这样：
当我把#c2的margin改为30px时效果变成了这样：
#c2会影响前面的浮动元素#c1的定位？
求v2的前端工程师解答，前端菜鸟一枚，范了低级错误求轻喷
<!DOCTYPE html>
<html>
<head>
<style>
#c1{background:red;height:80px;width:30px;float:left;}
#c2{margin:0px;background:dimgray;}
#c21,#c22,#c23,#c24,#c25{margin:10px;background:green;width:100px;height:30px;}
#c22,#c24{background:gold;}
</style>
</head>
<body>
<div id="c1"></div>
<div id="c2">
<div id="c21">Text 1</div>
<div id="c22">Text 2</div>
<div id="c23">Text 3</div>
<div id="c24">Text 4</div>
<div id="c25">Text 5</div>
</div>
</body>
</html>
此时的效果图是这样：
当我把#c2的margin改为30px时效果变成了这样：
#c2会影响前面的浮动元素#c1的定位？
求v2的前端工程师解答，前端菜鸟一枚，范了低级错误求轻喷
2
Select Language