浮动模型 如何实现div两个框呈水平而不是上下的呢
来源：13-4 起飞咯 - 浮动模型
慕容3202869
2016-05-08 17:41
如何实现div两个框呈水平而不是上下的呢 就像这个一样的
写回答
关注
3回答
-
- 慕粉3170989
- 2016-05-08 17:49:49
div{
display:inline-block
}
<div>
</div>
<div>
</div>
-
- 杰森伯恩
- 2016-05-11 14:20:05
width超出了，设置小一点试试
-
- william134
- 2016-05-08 17:52:15
<!--在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>
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225817 学习 · 18235 问题
相似问题