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

两个设定宽度和高度的div 第一个设置float:left 下面的div就消失了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

.div1{

width:100px;

height:100px;

background:#900;

float:left;

}

.div2{

width:100px;

height:100px;

background:#00F;

}

</style>

</head>


<body>


<div class="div1">box1</div>

    <div class="div2">box2</div>



</body>

</html>


正在回答

2 回答

其实是被遮住了,如果都设了float或者第二个加上clear属性就能显示了

0 回复 有任何疑惑可以回复我~
#1

qq_邵督鸣_0 提问者

非常感谢!
2015-12-09 回复 有任何疑惑可以回复我~
#2

qq_邵督鸣_0 提问者

为什么div2 里的文字没有被遮住?
2015-12-09 回复 有任何疑惑可以回复我~
#3

慕課君 回复 qq_邵督鸣_0 提问者

因为div2里的文字不属于div1盒子里的内容,所以会被挤出来,那为什么不带颜色呢,是因为,带颜色的范围和div1的大小相等,所以div2的文字是父元素白色底的。你试试把下面的div2多设置10px,就明白了。
2015-12-10 回复 有任何疑惑可以回复我~

不是消失了 因为浮起来所以 遮住了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214706    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

两个设定宽度和高度的div 第一个设置float:left 下面的div就消失了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信