html - CSS 在 jsFiddle 中工作,但仅部分在 jsFiddle + DIV 问题之外工作

标签 html css layout jsfiddle

我遇到了一个奇怪的问题 - 完全相同的标记在 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 来创建/销毁 chatLines。

提前谢谢您!

最佳答案

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

  2. 编辑:放置 <br /> 的原因在聊天末尾 <div>导致事情爆炸的是因为你使用的是绝对定位。尽量不要使用绝对定位,除非确实是绝对的。

关于html - CSS 在 jsFiddle 中工作,但仅部分在 jsFiddle + DIV 问题之外工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6858180/

相关文章:

css - 我的 CSS 定位在 Codepen 和 Chrome 之间不同

CSS选择器以匹配数字大于的类

html - CSS - 即使在缩小网站格式后,如何使背景图片始终占据全宽?

html - Sublime Text 正则表达式在多个 html 文件中查找/替换

jquery - SVG 线条上的元素是否可动画化

css - 从 HTML、CSS 到 GWT 世界的样式

ios - 使 UIView 大于其父 View

layout - NSCollectionViewFlowLayout - 左对齐

html - 如何在每个屏幕分辨率上固定图像?

html - 如何去掉 <img> 标签中的默认轮廓?