Question

在HTML中使用高度为100％的div。而不是百分比，我需要像素。有谁知道如何实现100％像素而不给出任何特定的像素值？

Answer 1

你必须使用javascript。

<html>
<head>
<script>
window.onload= total_y;
   function total_y(){
       var x = screen.height + "px";
    document.getElementById("bo").style.height= x ;    
    document.getElementById("bo").style.background= "red" ;
    }
</script>
    </head>
    <body id="bo">
    </body>
    </html>

Answer 2

同样的答案，你必须使用JS。也许你可以用这个：

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <style>
            html, body {
                width: 100%; height: 100%;
                padding: 0px; margin: 0px;
            }
            #foo{
                background-color: #ffff00;
            }
        </style>

        <script>
            $(document).ready(function () {
                var tHeight = $(window.top).height();
                alert("Visible screen height is " + tHeight + "px");
                $("#foo").height(tHeight);

            });
        </script>
    </head>

    <body>
        <div id="foo">
            THERE YOU GO!
        </div>
    </body>
</html>

希望这有帮助

可以将100％的高度转换为像素

2 个答案: