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 は と同じサイズである必要が.gateあり、.fencepost高さは各ブロックに必要なテキストの行数に 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 に答える