Html 将内部div的宽度固定为与外部div相同

Html 将内部div的宽度固定为与外部div相同,html,css,Html,Css,这是我的html(例如) 我想让“固定”的第二个div与第一个“包裹”具有相同的宽度。我试了很多,但我做不到。 是否可以在没有任何javascript的情况下执行此操作 请给我任何建议 这是一把小提琴: 你需要把宽度放在一边。div已经扩展了其包含div的100%。文本不换行的原因是因为它都是一个单词。添加CSS: #fixed { word-wrap: break-word; } 而不是width:inherit使用换行:断开单词。更新的JSFIDLE感谢James提供了这个很棒的简

这是我的html(例如)

我想让“固定”的第二个div与第一个“包裹”具有相同的宽度。我试了很多,但我做不到。 是否可以在没有任何javascript的情况下执行此操作

请给我任何建议

这是一把小提琴:

你需要把宽度放在一边。div已经扩展了其包含div的100%。文本不换行的原因是因为它都是一个单词。添加CSS:

#fixed {
    word-wrap: break-word;
}

而不是
width:inherit使用
换行:断开单词。更新的JSFIDLE感谢James提供了这个很棒的简单解决方案。@user3784251没问题。我很高兴能帮上忙。当您有能力时,不要忘记将此标记为答案。:)
#wrap{ 
    float: left;
    position: relative;
    width: 80%; 
    background:#ccc; 
}
#fixed{ 
    width:inherit;
}
#fixed {
    word-wrap: break-word;
}