我有以下 HTML:
<div id="site_content">
<div id="left_content">
text
</div>
<div id="right_content">
<%= image_tag "image.jpg" %>
</div>
</div>
我的“right_content” div 中的“image.jpg”在垂直方向上比“left_content”中的要大text
。“site_content”仅扩展为 的大小,text
而我的“image.jpg”被截断。我希望“site_content”扩展到图像的大小。这是我的CSS:
#site_content {
width: 950px;
overflow: hidden;
margin: 4px auto 0 auto;
padding: 0;
}
#left_content {
float: left;
text-align: justify;
width: 444px;
padding: 20px 0 5px 25px;
margin: 0;
}
#right_content {
float: right;
width: 450px;
padding: 0;
overflow: hidden;
}