两个div左右并列显示，右边的div里有图片，图片太大时，会挤压左边的div，怎么办？_html/css_WEB-ITnose

(1) 
(2) (3)

(1) (2) (3)是必须横向显示的，可是img的图片特别大时，(2) (3)就到下面去了，怎么解决这个问题啊

我尝试将两个div放在一行两列的table里，但是列1的td的宽度不知道怎么设置，因为(1)可以替换为(1234…..) 

回复讨论(解决方案)

如果你想用图片撑起td的高度，那就

(2) (3)
#div2{position:relative;}
.div2_1{position:absolute;top:0px;left:opx;}
#div2 img{padding-left:20px;}
自己试试绝对定位很快搞定。

试了，不好用啊，右边的div还是跑到下面去了

这个不只是（2）（3）下去了

是因为你的图片过宽       剩下的位置不够了  所以就会飘到下面去 

可以考虑给img定高宽

可以给img定高宽

img的高宽不能修改

img的高宽不能修改

那你估计只能写个横向滚动条了。。超出宽度就出现横向滚动条

nbsp;HTML>#content{width:7000px; overFlow-x: scroll ; overFlow-y: hidden  ; }#content .test1{width:500px;height:500px;display: inline-block;background: red;}#content .test2{width:500px;height:500px;display: inline-block;background: blue;}#content .test3{width:500px;height:500px;float:left;background: #ccc;} 
testedsafdsfdsa
testedsafd123
testedsaf456
testedsafdsfdsa
testedsafd123
testedsaf456
testedsafdsfdsa
testedsafd123
testedsaf456

登录后复制