Question

我有两个div：左和右。在左边有一个长文本。在右边有一些关于文本的注释（更多div）。如果左边的文字长于注释我喜欢它。但是当注释比左div更大/更长时，我想让正确的div内容溢出。

换句话说：两个没有固定高度的div，使溢出正确。

代码位于上方或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;
}

但它没有用。：（

Answer 1

正如Jan在上次评论中所说，我认为你需要使用javascript或jQuery来实现这一目标。

此question概述了使用OP接受的javascript的方法，尽管OP未对其执行过程发表任何评论。

我已将此js fiddle中的answer修改为类似的问题。

它使用以下内容：

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());


 });

我认为可以解决你想要的结果。

Answer 2

你必须使用overflow：隐藏在#left上，而不是#right。

溢出DIV内容没有固定高度

2 个答案: