Html 我怎样才能使一个div优先于另一个div

我想要两个文本框挨着。第一个应该给第二个更重要的空间

如果不提供固定的宽度和使用文本溢出：第一个文本上的省略号，这怎么可能呢

例如：

div{
边框：1px纯黑；
}
#测试1{
宽度：250px；
溢出：隐藏；
空白：nowrap；
}
#test1>div{
显示：内联块；
}
#测试2{
-o-text-overflow:省略号；/*Opera*/
文本溢出：省略号；/*IE，Safari（WebKit）*/
溢出：隐藏；/*不显示多余字符*/
空白：nowrap；/*强制单线*/
垂直对齐：底部对齐；
}

这里有很长的文字
这里有更重要的文本

您可以使用Flexbox并在第一个子div上设置

溢出：隐藏
和
文本溢出：省略号


div{
边框：1px纯黑；
}
#测试1{
宽度：250px；
显示器：flex；
}
#test1>div{
空白：nowrap；
}
#测试2{
溢出：隐藏；
文本溢出：省略号；
}

这里有很长的文字
这里有更重要的文本
如果您必须支持的浏览器可以支持，请使用flexbox

我为您制作了一些html示例，向您展示它的功能。
这里的魔法css属性是：
display:flex
，
flex-direction:row
，
flex:1
，以及
flex-basis:200px


.container
{
显示器：flex；
弯曲方向：行；
}
.container>.item
{
弹性：1；
-o-text-overflow:省略号；/*Opera*/
文本溢出：省略号；/*IE，Safari（WebKit）*/
溢出：隐藏；/*不显示多余字符*/
空白：nowrap；/*强制单线*/
/*这只是为了更好地查看而添加的*/
边框：1px纯黑；
填充物：5px；
框大小：边框框；
}
.container>.item-2
{
弹性：2；
弹性基准：200px；
}

这里有很长的文字
这里有更重要的文本
内容是动态检索的吗？是的，它们不在数据库中您所说的“给空间”是什么意思？它们都是为了保持在一条线上吗？你想怎么处理溢出的部分？最后，如果没有固定的宽度，它应该是这样的。为什么不使用你在小提琴中使用的东西呢？你已经实现了你想要的。非常感谢你的回答！不幸的是，如果我将容器更改为flex:/，我将杀死父级的css！这有点棘手，因为我使用的是mdl框架（我有点误用了mdl芯片）@naja08您可以在#item1中添加一个子元素，然后它将充当容器。这将使您的#item1保持正常的容器（就像现在一样），但只是在其中添加了一个flexbox“容器”。这样行吗？