欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-24 11:59:30
...
(1)

(2) (3)
两个div左右并列显示,右边的div里有图片,图片太大时,会挤压左边的div,怎么办?_html/css_WEB-ITnose

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

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


回复讨论(解决方案)

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

(2) (3)
两个div左右并列显示,右边的div里有图片,图片太大时,会挤压左边的div,怎么办?_html/css_WEB-ITnose

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

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

这个不只是(2)(3)下去了

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

可以考虑给img定高宽

可以给img定高宽

img的高宽不能修改

img的高宽不能修改


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

数据
testedsafdsfdsa
testedsafd123
testedsaf456
testedsafdsfdsa
testedsafd123
testedsaf456
testedsafdsfdsa
testedsafd123
testedsaf456