CSS div动态宽度

Question

div宽度有点问题。 我告诉你一个我有什么的图像

有一个没有指定宽度的外部div，它可以是小的还是大的。

在右边，我们得到了一个浮在右边的图像。

文本div包含一个动态宽度，用于填充所有未定义的宽度空间。在未定义的宽度文本中。

我想要的是当文本宽度超过Text Div空间时隐藏文本区的溢出。

问题是如何指定宽度以获得动态宽度的溢出？ 如果我没有指定任何宽度，如果图像太长，图像将会在文本下面。

我希望我足够清楚。

感谢您的帮助。

编辑：

这里有一些代码要更清楚。

<div class="outside">
    <img src="img.jpg" class="img"/>
    <div class="text"><p>some text that is too long</p></div>
</div>

<style>
.img {
    float: right;
}
.text {
    float: left;
    overflow: hidden;
}
</style>

问题是.text没有任何特定的宽度，因此溢出不起作用

Answer 1

DEMO HERE

所以让我直截了当地说：

• 您希望文本在溢出时被剪裁
• 但是，您想要使用包含它的div（动态）
来设置限制

试试这个

<div class="container">
    <img src="myimage.jpg" />
    <div class="flexi"> some long content</div>
</div>

img{
    float:right;
}

.container{
    overflow:hidden;
    zoom:1;
}

.flexi{
    white-space: nowrap;
    overflow:hidden;
    zoom:1;
}

Answer 2

有很多解决方案：

一个例子：

http://jsfiddle.net/SHYZR/

Answer 3

根据我的理解，你希望当你的DIV被某些文字填写时，它的宽度应该分别增加。试试这个：

div
{
width:150px;
height:150px;
overflow:hidden;
} 

使用此功能，不会显示超出150px的溢出文本。

Answer 4

您可以修复文本div的宽度以占据外部div的百分比，并根据图像大小保留图像的剩余空间。

Check here

编辑以输入正确的链接。