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

Float疑问?

<html>
<head>
<style type="text/css">
div
{
width:200px;
height:200px;
border:1px red solid;
float:left;
}
</style>
</head>
<body>
<div>
<div id="q"></div>
<div id="p"></div>
</div>
</body>
</html>

代码有问题吗?为什莫运行结果还是垂直分布,不在通过一水平面上。。。。

正在回答

3 回答

<div>
<div id="q"></div>
<div id="p"></div>
</div>

这里相当于有三个框,仔细观察运行结果会发现上面的框的线要宽些;之所以运行的还是垂直的是因为此处定义的“q”“p”已经限制在下划线的这个框里,超出部分只会向下排而不会水平排列;删除下划线应该是你想要的结果

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

Leocq

解决了问题
2016-04-19 回复 有任何疑惑可以回复我~
#2

慕粉3172785 提问者

非常感谢!
2016-04-19 回复 有任何疑惑可以回复我~

将这里下划线的<div>标签去掉就对了

<div>
<div id="q"></div>
<div id="p"></div>
</div>

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

你试试全屏效果

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225762    人
  • 解答问题       18233    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

Float疑问?

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