0

我有两个 div:左和右。左边有一个长文本。右侧有一些关于文本的注释(更多 div)。如果左边的文字比注释长我喜欢。但是当注释比左 div 更大/更长时,我想让右 div 的内容溢出。

换句话说:两个没有固定高度的div,让overflow成为正确的。

代码在上面还是JSFiddle

<div id="container">
    <div id="left">Some long-long text, allways to show</div>
    <div id="right">Some divs not necessarily show all</div>
</div>

CSS:

#container {
    background-color:white;
    float:left;
}

#left {
  width: 79%;
  float:left;
}

#right {
  width: 19%; 
  float:right;
  overflow: hidden;
}

但它不起作用。:(

4

2 回答 2

1

正如 Jan 在他最后的评论中所建议的那样,我认为您需要使用 javascript 或 jQuery 来完成此操作。

这个问题概述了一种使用 javascript 的方法,该方法被 OP 接受,尽管 OP 没有对他的执行过程发表评论。

我已经从这个答案修改了一个js fiddle到一个类似的问题。

它使用以下内容:

CSS

#main{
    width:auto;    

}

#one{
height:auto;
width:200px;
display:inline-block;
float:left;

}
#two{
height:100%;
width:200px;
float:left;
display:inline-block;
overflow: auto;

}

div{
border:1px solid black;
}

Javascript

$(document).ready(function() {

        $("#main").css("height",$("#one").height());


 });

我相信可以解决您想要的结果。

于 2013-05-22T15:48:58.180 回答
0

你必须使用溢出:隐藏在#left,而不是#right。

于 2013-05-22T13:46:13.823 回答