0

HTML / CSS / Javascript 用に Flex を変更していますが、途中で問題が発生しています。

同じリキッド レイアウトと xbrowser を作成できれば素晴らしいと思います (はい... 知っています) :)

次のチュートリアルに従いました: http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html

しかし、私を殺しているのはフッターだけです。一番下まで重ねて中身を100%にしてもいいですか？

ありがとう！！！！

4

3 に答える 3

0

ここで見つけることができるスティッキーフッターメソッドを使用できますhttp://www.cssstickyfooter.com/

于 2011-02-11T21:20:23.957 に答える
0

CSS のクセにより、フッターの上のコンテンツを期待どおり 100% にすることは非常に困難です。ほとんどのブラウザーは、ヘッダーとフッターの間の残りのスペースではなく、ウィンドウの高さの 100% としてレンダリングします。そして、その高さが大きく異なる可能性があるため、キャッチオールを使用することはできません.

于 2011-02-11T22:13:30.850 に答える
0

次のような解決策を試すことができます: http://jsfiddle.net/steweb/wfmGN/

私はこのトリックを多くのウェブサイトで使用しましたが、満足しています:D

マークアップ:

<div id="wrapper">
    <div id="footer">I'm da foota</div>
</div>

CSS:

body, html{
    height:100%;
    padding:0;
    margin:0;
}
#wrapper{
    min-height:100%;
    position:relative;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100px;
    background:#DEDEDE;
}
于 2011-02-11T22:15:49.497 に答える