内容不会照成覆盖现象,只有DIV形成覆盖,要怎么解决呀

<!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,一个边框为黑色,一个边框为红色。

http://img.mukewang.com/573ebdcd0001212105690103.jpg

内容不会照成覆盖现象,只有DIV形成覆盖,要怎么解决呀~~

怪盗饭团
浏览 1770回答 3
3回答

qq_青枣工作室_0

浮动的原意,就是这样啊。把一张图片浮动到左边,然后文字自动围绕图片来排版。你要形成覆盖,直接把 float:left 改为 position:absolute;

竹马君

一个使用浮动一个没有导致DIV不是在同个“平面”上,但内容不会照成覆盖现象,只有DIV形成覆盖现象。要么都不使用浮动;要么都使用float浮动;要么对没有使用float浮动的DIV设置margin样式。
打开App,查看更多内容
随时随地看视频慕课网APP