コード内に2つのdiv
要素が隣り合っており、どちらもstyle="display:block;"
インラインで設定されており、他のスタイルは適用されていません(DOMインスペクターで確認)。
それらの間に改行があるはずですが、何らかの理由でそれらを並べてレンダリングしています。それらの間にタグを配置してもbr
、2 番目の div が 1 行下に移動するだけです。
コード:
<div id="wkSched" style="display:block;">
[...]
</div>
<br />
<div id="dSched" style="display:block;">
[...]
</div>
繰り返しますが、DOM インスペクターは、両方とも display:block が設定されており、オーバーライドされておらず、他のスタイルが適用されていないことを示しました。設定さblock
れていれば、まったく必要ないはずですが、br
それでもまだ問題があります。また、他の場所で提案されているように、それらをタグでラップしようとしましたp
が、そのジャンクも機能しませんでした.
ここで何が起こっているかについての手がかりはありますか?
編集: overflow
xionutz2k の回答でプロパティを思い出した後、私はそれを探しに行きました。最初の div の子要素の 1 つでオーバーフローが auto に設定されていたため、2 番目のコンテナー div の位置がずれていました。みんなアドバイスありがとう。