                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

怎么并排？

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

掉线宝宝

2015-01-21

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

1138

操作

收起

3 回答

Busy
2015-01-21

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

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

收起回答

慕斯卡9626126
2015-08-04

<!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>

并排效果