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

关于浮动模型

为什么这两个栏目是竖着显示的,而不是横着显示?

<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;
 float:left;
}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>

 

正在回答

1 回答

代码没有问题,两个DIV是并排一一行显示的,如果显示在一行,考虑两方面的问题,第一你的浏览宽度是否够400px,如果不够,就会显示在两行,第二,缓存问题,清除一下浏览器缓存再试一下

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

那永定格的夏季 提问者

我知道了,非常感谢!
2015-11-21 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

关于浮动模型

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