怎么并排？

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

怎么并排？

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

提问者：掉线宝宝 2015-01-21 10:02

个回答

Busy

2015-01-21 14:42:18

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

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>

并排效果

jack1018

2015-01-21 10:05:37

float 或者把box1和box2 设成 inline-block

0