Question

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

Bonorum has. His ut cibo quas tantas,

并点击键盘上的Enter，你会看到文本隐藏在它下方的灰色DIV标签后面，它不应该这样做，我认为它是一个CSS问题，但我不能让它工作。它应该出现在灰色的DIV标签之下，不像它的做法那样隐藏在它背后。如果你乱七八糟，你会看到它在很多情况下都会在你按Enter键的情况下这样做，有时它表现得恰到好处。

在任何特定时刻，它都不应该隐藏那些灰色DIV条后面的文字。当你按Enter键时，它应该继续显示灰色DIV标记下方的文本行。

任何帮助将不胜感激

另请查看此图片，以便更好地了解http://bayimg.com/eaIImAaef

Answer 1

行高必须与.gate的大小相同，而.fencepost高度需要在每个块中需要多行文本乘以行高。

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/

Answer 2

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

在某些情况下隐藏在DIV后面的CSS文本

2 个答案: