-1

私は厄介な問題を抱えています、それはクロムでうまく動作しますが、Firefoxでは2つのdivの間に理由もなくギャップがあります。

<div class="body-right">     
  <!-- VERTICAL GAP IS HERE -->
  <div class="body-right-container">
  <div class="body-right-pad"> 
</div>
</div>

Chrome： http: //gyazo.com/d5464f5fe791c3958d28816dfd03803c

Firefox： http: //gyazo.com/f5f25eeab19622a2696e2d2510e1ea07

私のcssには、このギャップを引き起こすようなマージンはありません。何か案は？

.body-right {
    float: left;
    width: 767px;       
    background-color:#ebebeb;
    border-left: #c7c7c7 1px solid;
    padding-left: 1px;
    min-height: inherit;
}

.body-right-container {
display:block;
    background-color:#ebebeb;
    position: relative;
    padding: 0 0 49px 49px;
    min-height: inherit;
}

.body-right-pad {
    width: 300%;
    background-color:#ebebeb;
    position: absolute;
    left: 765px;
    height: 100%;
}
4

1 に答える 1

0

右端に大きな灰色の長方形が表示されます。その要素が「ギャップ」を作成している可能性があります。Firefoxのスクリーンショットには表示されますが、Chromeには表示されません。

その要素を調べて、Firefoxに表示される理由を確認する必要があります。width:100%これは、灰色の長方形を保持しているコンテナに適用されたことが原因である可能性があります。

于 2013-03-11T19:02:04.677 に答える