html - CSS 在 jsFiddle 中有效，但在 jsFiddle + DIV 问题之外只能部分有效

Question

我遇到了一个奇怪的问题 - 完全相同的标记在 jsFiddle 中工作正常，但是当我将它放入文本文件时，只显示标题而没有显示实际内容。

我见过其他类似的问题，但它们涉及 jQuery(我还没有使用它)。

链接: http://jsfiddle.net/3BpRr/

编辑:

Jsfiddle 由于某种原因有 <style type="text/css">两次。我这样做了并且有效。

第二个问题:

<div class="chatLine">
    <div class="chatName">John&nbsp;&nbsp;</div>
    <div class="chatMsg">I am very hungry.</div>
</div>
  <br />
<div class="chatLine">

有没有办法放置 <br />在 chatLine div 中？我将需要使用 javascript 来创建/销毁聊天热线。

提前致谢!

Answer 1

1. 问题在于 overflow:hidden;属性(property)。删除它或使它的选择器更精确，因为它当前正在选择所有元素。

2. 编辑:放置 <br /> 的原因在聊天热线的末尾 <div>导致事情爆炸是因为您使用的是绝对定位。除非实际上是绝对的，否则尽量不要使用绝对定位。