html - Div 没有响应 css

Question

我创建了 3 个不响应 css 代码的 div。 我想让 div 的宽度最大为 30%，但它显示得更大。 包含图像名称的文本框会根据大小进行缩放，但图像和 div 不会。

这是html代码:

<div id='item' align = center style='padding:40px; background-color:white;'>
<div id='item_box'> 
<a href='travel.php?id=".$row['cityid']."&name=".$row['cityname']."'>
<img class='cityimg' src='images/city/".($row['cityname']).".jpg'/></a>    </div>
<div id='item_cityname' align=center style='padding:15px; background-color:#004b79;' > ".$row['cityname']." </div>
</div>"

这是CSS代码:

#item{

max-width: 30%;

}

#item_box{
max-width: 30%;  
}


#item_cityname{ 
max-width: 30%;
}

Answer 1

使用此代码

#item{

max-width: 30%;

}

#item_box{
max-width: 30%;  
}


#item_cityname{ 
max-width: 30%;
}