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

浮动模型 如何实现div两个框呈水平而不是上下的呢

如何实现div两个框呈水平而不是上下的呢 就像这个一样的


正在回答

3 回答

div{

      display:inline-block

}

<div>

</div>

<div>

</div>

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

慕容3202869 提问者

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

width超出了,设置小一点试试

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

<!--在css样式中加上float属性就行啦,比如下面代码中我设置了div1和div2均为左浮动-->

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>盒模型</title>
   <style>
       div{
           width: 200px;height: 150px;
           border: 5px solid blue;
           padding: 20px;
           margin: 10px;
           float: left;
       }
   </style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>

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

举报

0/150
提交
取消

浮动模型 如何实现div两个框呈水平而不是上下的呢

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