<!DOCTYPE html>
<html>
<head>
<title>DIVCSS5实例 DIV与DIV覆盖</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.aa{ float:left; border:1px solid #333; background:#FFF;height:50px;}
.bb{ border:1px solid #F00;background:#CCC; height:80px}
</style>
</head>
<body>
<div class="aa">我是aa里内容</div>
<div class="bb">我是BB里内容</div>
</body>
</html>设置两个盒子使用class命名分别为“.aa”和“.bb”,一个设置float:left一个设置没有设置,一个设置背景为白色,一个设置背景颜色为灰色,一个高度设置50px,一个设置高度为80px,一个边框为黑色,一个边框为红色。内容不会照成覆盖现象,只有DIV形成覆盖,要怎么解决呀~~
3 回答
qq_青枣工作室_0
TA贡献446条经验 获得超754个赞
浮动的原意,就是这样啊。把一张图片浮动到左边,然后文字自动围绕图片来排版。
你要形成覆盖,直接把 float:left 改为 position:absolute;
竹马君
TA贡献64条经验 获得超115个赞
一个使用浮动一个没有导致DIV不是在同个“平面”上,但内容不会照成覆盖现象,只有DIV形成覆盖现象。
要么都不使用浮动;要么都使用float浮动;要么对没有使用float浮动的DIV设置margin样式。
添加回答
举报
0/150
提交
取消