div并排列问题。

Question

.a2{
height:210px;
width:620px;
float:left
}
.a3{
height:210px;
width:620px;
}你这2个的宽度都比.a1{
height:230px;
width:500px;
border:1px solid #000000;
overflow:hidden;}
大了怎么还并排哦

Answer 1

哦
你师傅说行？？？
什么师傅？
CSDN的？

Answer 2

他不会说这种吧？.a2{
height:210px;
width:620px;
float:left
}
.a3{
height:210px;
width:620px;
left:620px;
}
</style>
他不会说的是这样的吧？？
那也太！！

Answer 3

带我的师傅
基本上不上csdn论坛

Answer 4

  <style type="text/css">
.a1{
height:230px;
width:810px;
border:1px solid #000000;
overflow:hidden;}
.a2{
height:210px;
width:400px;
float:left;
}
.a3{
height:210px;
width:400px;}
</style>
要并排，必须让a1的宽度大于a2与a3宽度之和。细节你自己调试。单独的两个div想要无缝并排，是不行 的。只能在外面再套一个。你的做法对的，只不过样式设置有问题而已！

Answer 5

.a1{
height:230px;
width:500px;
border:1px solid #000000;
overflow:hidden;
}
.a2{
height:210px;
width:620px;
float:left
z-index:2;
}
.a3{
position:absolute; top:15; right:580;  background:#000; z-index:1;
}
<div class="a1">
<div class="a2"><img src="http://img1.qq.com/news/pics/12993/12993950.jpg"><img src="http://img1.qq.com/news/pics/13003/13003060.jpg"></div>
<div class="a3"><img src="http://img1.qq.com/news/pics/12993/12993950.jpg"><img src="http://img1.qq.com/news/pics/13003/13003060.jpg"></div>
</div>

Answer 6

overflow:hidden, 父元素小于子元素的大小,肯定显示不全的绝对定位可以并排, 但不会两个都显示出来
是不是你SF没有表达清楚还是你理解有误还是...<style type="text/css">
.a1{
position:relative;
height:230px;
width:500px;
border:1px solid #000000;
overflow:hidden;
}
.a1 div{
height:210px; width:620px; position:absolute; top:9px;
}.a2{left:-350px;}
.a3{left:280px}
</style>
<div class="a1">
<div class="a2"><img src="http://img1.qq.com/news/pics/12993/12993950.jpg"><img src="http://img1.qq.com/news/pics/13003/13003060.jpg"></div>
<div class="a3"><img src="http://img1.qq.com/news/pics/12993/12993950.jpg"><img src="http://img1.qq.com/news/pics/13003/13003060.jpg"></div>
</div>