CSS - 将较长的Div缩小为较短的Div

Question

如何制作右侧的玫瑰图片（见下图），[id =＆＃34;右栏＆＃34;]不超出内容[id =＆＃34; left-column＆＃34 ]？请注意，内容的高度不固定。

*示例代码*

<div>

    <div id="left-column" style="width:70%; float: left;">
        <p>Content goes in here.</p>
    </div>

    <div id="right-column" style="width:20%;  float: right;">
        <!-- add images go in here -->
    </div>

    <div id="bottom-bar"></div>

</div>

*广告溢出的示例屏幕截图（广告是正确的玫瑰图片）*

Answer 1

您可以使用类似 -

的样式

#right-column{
   overflow : hidden;
   width : 20%;
}

如果我理解你的问题那么它会帮助你。