2

奇妙な問題が発生しました。jsFiddleでもまったく同じマークアップが正常に機能しますが、テキストファイルに入れると、ヘッダーのみが表示され、実際のコンテンツは表示されません。

他の同様の質問を見たことがありますが、それらにはjQueryが含まれています（まだ使用していません）。

リンク： http： //jsfiddle.net/3BpRr/

編集：

なんらかの理由でJsfiddleには<style type="text/css">2回あります。私はそれをしました、そしてそれは働きます。

2番目の質問：

<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を使用する必要があります。

前もって感謝します！

4

2 に答える 2

3

  1. 問題はoverflow:hidden;財産です。現在すべての要素を選択しているため、それを削除するか、セレクターをより正確にします。

  2. 編集: <br />chatLine の最後にa を配置<div>すると問題が発生する理由は、絶対配置を使用しているためです。実際に絶対的なものを除いて、絶対配置を使用しないようにしてください。

于 2011-07-28T11:39:38.520 に答える
1

最後のjsfiddleを変更しました：http：//jsfiddle.net/qktrv/1/

うまくいけば、それはあなたが達成しようとしていることです。

変更点：

jsFiddleはCSSボックスにスタイルタグを必要としないので、それを取り出しました。また、すべてのdivに絶対位置を設定するルールを変更し、それを必要とする各divに配置しました。ほとんどすべてが絶対に設定されていますが、これにより、今後の他の問題を防ぐことができます。後で元に戻してCSSファイルを短くしたい場合は、絶対に配置されていないdivに正しい位置を設定している限り、そうしても害はありません。

概要：

chatLine、chatName、chatMsg divはすべて、ドキュメントの通常のフローから外れるルールのために絶対的に配置されました。つまり、親divを展開しません。

于 2011-07-28T14:47:44.800 に答える