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

float标签

<!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:200px;
    float:left;
}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>为什么还是序列两排,求解。

正在回答

4 回答

因为设置float:left    如果想一列就把浮动取消,如果重合参考一楼。

http://img1.sycdn.imooc.com//57222b730001da7a07850634.jpg

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

我刚才试了下,当我全屏的时候,是并列一排的,缩小后是上下的,然后呢 我改小像素后两个模型是并排的。

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

抱歉 ,搞错了,是并没有成一排,还是序列的

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

如果要重合,就加绝对定位,你这个只是加浮动后变为内联元素,内联元素为一行,所以并排。

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

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信