gpt4 book ai didi

html - 一旦我添加了 img 文件,框就会被图片向下推

转载 作者:行者123 更新时间:2023-11-28 03:01:19 24 4
gpt4 key购买 nike

<分区>

enter image description here

当我通过行内 block 组织相同大小的框时,它可以响应。但是,当我组织不同大小的盒子时,它不能响应和一旦我在 div 类中添加图像,甚至按下框。你能帮我吗?

这里`CSS代码是

.box {
width:30%;
height:160px;
border: 1px solid #000000;
display:inline-block;
}

.clear {
clear:both;
}

.colunm1 {
width:340px;
height:386px;
border: 1px solid #000000;
display:inline-block;

} /*when sizes r different, place display:inline-block both*/

.colunm2 {
width:340px;
height:232px;
border: 1px solid #000000;
display:inline-block;
position: relative;
bottom:154px;
}

.colunm3 {
width:340px;
height:600px;
border: 1px solid #000000;
float:right;
}

.colunm4 {
width:340px;
height:205px;
border: 1px solid #000000;
}

.colunm4 {
width:340px;
height:218px;
border: 1px solid #000000;
display:inline-block;
position:relative;
bottom:153px;
}
/*colunm 4 and 5 have problem*/
.colunm5 {
width:340px;
height:363px;
border: 1px solid #000000;
display:inline-block;
position: relative;
bottom:155px;
}

HTML代码是

<div class="box">
</div>

<div class="box">
</div>


<div class="colunm1">
<img src="">
</div>

<div class="colunm2">
<img src="">
</div>

<div class="colunm3">
<img src="">
</div>

<div class="colunm4">
<img src="">
</div>

<div class="colunm5">
<img src="">
</div>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com