0

私は次のものを持っています

<div id=A style='height: 120px;'>
  <div id=B style='height: 100px;'>
    <div id=D style='height:  60px; top 0px; position: relative;'>Stuff D</div>
    <div id=E style='height:  80px; top: -40px; position: relative;'>Stuff E</div>
  </div>
  <div id=C style='height:  20px;'>Footer</div>
</div>

IE6 以外のブラウザでは、これで問題なく動作します。ただし、IE6 は D と E の高さを 140 に追加し、B を強制的に 140 にし、C を 40 押し下げます。ただし、E の上部は 40px でレンダリングされ、D と重なる必要があります。IE6だけでBのボックスが140ハイになるだけです。

CSS/HTML を使用して、IE6 を取得して B を 100px に保つ他のブラウザに影響を与えずに動作させるにはどうすればよいですか?

4

2 に答える 2

1

高さが事前に加算されているという事実があなたを混乱させているわけではありません --- すべてのブラウザがこれを行っています。heightIE 6 では、の#Bコンテンツが を超えた場合に何をすべきかについて異なる考えがあるという事実です100px。に必要な高さがわかっているので、既存のスタイルに#B追加できます。overflow: hidden

<div id="B" style="height: 100px; overflow: hidden;">
于 2009-08-14T15:51:16.283 に答える
0

margin-top: -??px; が見つかりました。top: -??px と同じことを行います。助けてくれてありがとう。Overflow: hidden と !important を試してみます。これらは興味深いように聞こえるからです。

于 2009-08-14T17:10:23.113 に答える