怎么并排？-慕课网

首页课程实战体系课手记专栏慕课教程

怎么并排？

来源：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

掉线宝宝

2015-01-21 10:02

有没有大神教一下怎么让box1和box2并排在一起而不是上下排列

写回答关注

3回答

Busy

2015-01-21 14:42:18

float即可，不要把div转成块元素，在IE6 7 下不认识块元素的 inline-block转换。

0 1

慕斯卡9626126: 2015-08-04 12:09:32

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{
    width:300px;
    height:300px;
	border:1px solid red;	
}
#box1,#box2{
    display:inline-block;
}
</style>
</head>
<body>
    <div id="box1">box1</div>
    <div id="box2">box2</div>   
</body>
</html>

并排效果

0 0