Question

这是我的html（例如）

<div id="wrap">
    Some relative item placed item
    <div id="fixed">hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</div>
</div>

这是我的css：

#wrap{ 
    float: left;
    position: relative;
    width: 80%; 
    background:#ccc; 
}
#fixed{ 
    width:inherit;
}

我想让第二个“固定”的div与第一个“wrap”具有相同的宽度。我尝试了很多，但我不能这样做。是否可以在没有任何JavaScript的情况下执行此操作？

任何建议......请。

这是小提琴： http://jsfiddle.net/sris/tktdf1kk/

Answer 1

你需要保持宽度。 Div已经扩展了100％的div。你的文字没有包装的原因是因为它只是一个单词。添加CSS：

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

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

1 个答案: