0

私はワードプレスを使用してサイトを生成しました。サイトのページには、次のようにdivで囲まれたコンテンツがあります。

<div id="content">
  <!-- content -->
</div>

参考までに、cssルールは次のとおりです。

#content {
  background: white url('images/hatch-light.png') repeat;
  box-shadow: 0px 0px 2px #333;
  -moz-box-shadow: 0px 0px 2px #333333;
  -webkit-box-shadow: 0px 0px 2px #333;
  width: 760px;
  position: absolute;
  left: 200px;
  z-index: 15;
}

このソースを見ると、これが反映されているのがわかります。ただし、コンテンツ要素を調べるとchromeを使用しているので、divスタイルに高さが挿入されていることがわかります。そうか：

<div id="content" style="height: 702px;">

高さはブラウザウィンドウの高さです。私が直面している問題は、コンテンツdivがそのコンテンツをカプセル化していないことです（たとえば、コンテンツdivには背景スタイルがあり、この背景スタイルはブラウザーで定義された高さより下に拡張されていません）。

ブラウザで高さが設定されないようにする方法を教えてもらえますか？

4

1 に答える 1

0

これを指摘してくれた Kevin Butcher と他のコメンテーターに感謝します。高さは、javascript (height.js、信じられますか) によって挿入されていました。したがって、要素を検査するときに表示されたのに、ソースを表示するときに表示されなかった理由です。

@chchrist は回避策 (div に height:auto!important プロパティを追加する) を提供し、wordpress からスクリプトを削除する方法を見つけました。

于 2012-10-23T16:53:50.627 に答える