为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

怪盗饭团 2016-05-20 15:37:55
<!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;

查看完整回答
3 反对 回复 2016-05-20
?
竹马君

TA贡献64条经验 获得超115个赞

一个使用浮动一个没有导致DIV不是在同个“平面”上,但内容不会照成覆盖现象,只有DIV形成覆盖现象。

要么都不使用浮动;要么都使用float浮动;要么对没有使用float浮动的DIV设置margin样式。


查看完整回答
2 反对 回复 2016-05-25
  • 3 回答
  • 0 关注
  • 1767 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信