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

两个div,只设置一个div float,另一个就不见了

两个div,只设置一个div float,另一个就不见了

梅开一片 2016-06-03 11:20:14
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>浮动模型</title> <style type="text/css"> div{     border:2px red solid;     width:200px;     height:400px; } #div1{     float:left; } /*#div2{     float:right; }*/ </style> </head> <body> <div id="div1">栏目1</div> <div id="div2">栏目2</div> </body> </html>我把#div2{     float:right; }注释掉,发现栏目2不见了,有点诡异,哪位童学能告诉我是怎么回事吗
查看完整描述

2 回答

?
mingsixue

TA贡献19条经验 获得超32个赞

div1覆盖了div2,div1浮动了,div2就前移到了div1的位置,又由于浮动产生的层级比正常元素高,所以就造成了不见的假象。

查看完整回答
5 反对 回复 2016-06-03
  • 2 回答
  • 0 关注
  • 2423 浏览
慕课专栏
更多

添加回答

举报

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