0

私はこのようにレイアウトされたページを持っています：

<div class="report">
    <div class="content">
        <!-- Lots of irrelevant stuff -->
    </div>
    <div class="footer">
        <!-- Footer content -->
    </div>
</div>

私のフッターは画面の左端まで伸びているはずですが、私の「レポート」クラスには.25インチの左マージンが適用されています。

-.25inの左マージンを使用してみましたが、期待どおりにフッターが左に引っ張られません。実際、フッターをまったく動かしていないようです。

他の属性（上、下の余白、色など）に影響を与える可能性があるため、CSSが正しくトラゲットされていることはわかっていますが、フッターを画面の左端まで拡張できません。

残念ながら、フッターを「レポート」divの外に単純に引き出すことはできません。

CSS：

.report
{
    font-size: 12pt;
    margin-left: 0.25in;
    width: 775px;
    position: relative;
    overflow: hidden;
}

.footer
{
    font-size: 8pt;
    height: 75px;
    margin: 15px 0 0 -0.25in;
    position: relative;
}
4

3 に答える 3

2

フッターなので、試してみてくださいposition: relative; left: -.25in;。ところで、なぜあなたはインチを使用しているのですか？

于 2013-03-19T14:22:13.503 に答える
1

このjsFiddleは私のために働きます

overflow: hiddenあなたの要素の.reportはフッターを隠していましたが、それは正しい場所にありました。

于 2013-03-19T14:46:55.900 に答える
1

が上にある<div>ため、フッターを親の外に出すことはできません。それを削除してみてください、このフィドルを参照してください。overflow: hidden;.report

于 2013-03-19T14:48:16.337 に答える