2

看看http://jsfiddle.net/hg25u/

我已将右侧的 HTML 文本设置为可编辑，因此如果您在Result块内单击（右下角），您实际上可以通过键入来更改它。现在，如果您将打字光标放在文本上方：

Bonorum has. His ut cibo quas tantas,

然后敲击Enter你的键盘，你会看到文本隐藏在它正下方的灰色 DIV 标签后面，它不应该那样做，我认为这是一个 CSS 问题，但我无法让它工作。它应该出现在灰色 DIV 标签下方，而不是像它那样隐藏在它后面。如果你乱来，你会在很多情况下看到它在你按 Enter 键时会这样做，有时它会正常运行，有时却不会。

它不应该在任何给定时刻隐藏那些灰色 DIV 条后面的文本。当您按 Enter 时，它应该继续灰色 DIV 标记下方的文本行。

任何帮助，将不胜感激

另外请看一下这张图片以更好地理解它http://bayimg.com/eaIImAaef

4

2 回答 2

0

line-height 需要与 the 大小相同，.gate并且.fencepostheight 需要是每个块中所需的文本行数乘以 line-height。

body{ 
  font-size: 12px; 
  line-height: 20px; /* set base line-height */
}

.fencepost {
  float: left; 
  width: 1px; 
  height: 100px; /* 20px (line-height) multiplied by 5 lines of text */
}

.gate {
  float: left; 
  clear: left; 
  width: 100%; 
  height: 20px; /* same as line-height */
  background-color: #eee; 
  opacity: 0.9;
}

.newsletterContent {
  width:600px;
}

见：http: //jsfiddle.net/cg6yC/

于 2013-01-09T02:17:27.810 回答
-1

查看是否可以使用 z-index 属性来强制将 div 置于文本后面。

于 2013-01-08T23:28:04.370 回答