wie zu verwenden Div relative Höhe 100%?

Ich bin ein Anfänger im website-design. Ich würde gerne eine dynamische Höhe des Inhalts. Also habe ich etwas wie das hier tun:

<div style="position:relative;width:100%;height:100%;" id="content">
    ....
</div>

<div style="position:relative;width:2000px;height:498px;">
    <?php include('footer.php'); ?>
</div>

Jedoch das div-Element der Fußzeile nicht erkennen, die Höhe der Inhalte. Was soll ich tun? Danke.

InformationsquelleAutor user1477615 | 2012-06-24
  1. 1

    können Sie verwenden JQuery für die Flughöhe, um ein element 

    $(document).ready(function() {
var hgt = $(window).height();
$("#content").css({"height" : hgt });
});
    InformationsquelleAutor Mohit Pandey
  2. 0

    Haben Sie definiert die Höhe des Inhalts als 100%, so dass ist wahrscheinlich der Grund, warum es nicht erkennen, die Höhe der Inhalte als Inhalte würde versuchen, um fit 100% Höhe

    versuchen Sie es mit

    <div style="position:absolute;bottom:0px;width:2000px;height:498px;">
    InformationsquelleAutor Shivang
  3. 0

    Habe ich keine Idee, das zu tun, mithilfe von css, und ich glaube nicht, dass css-würde erkennen, die dieght der Bildschirm oder etwas.

    $(document).ready(function() {
var sch=screen.height;
d = document.getElementById('content');
d.style.height=screen.height;
});

    Sollte diese Arbeit. mit jQuery

    InformationsquelleAutor LIGHT
  4. 0

    Hey verwenden Sie diesen link, um richten Sie Ihre CSS-Dateien. Änderungen vornehmen, was Ryan Fait Sagte.

    http://ryanfait.com/sticky-footer/

    Finden Sie die CSS hier,

    http://ryanfait.com/sticky-footer/layout.css

    und hier ist, wie Sie es verwenden,

    http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

    InformationsquelleAutor Vijay Sarin
Schreibe einen Kommentar