Question

I m 寻找建议,说明如何将四舍五入到八分之四:在有15px差值时,100%? 我所希望的是,四分五裂地触及屏幕的底线(而不引发滚动障碍),然而,当内容太大,无法适应时,就会自动扩大至低于屏幕限度,从而引发滚动障碍。这里,我刚才所谈到的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body, html{height:100%; margin:0;}
body{background:#AAA}
#main{position:relative; width:970px; margin:0 auto; border:solid 1px #666; background:#FFF; margin-top:15px; min-height:100%;}
</style>
</head>

<body>
<div id="main">
try duplicating this content until it does not fit in the box 
</div>
</body>
</html>

Answer 1

I found a solution: Use the new CSS3 box-sizing rule on body and set it to padding-top:15px; remove the margin-top on #main and it works exactly as described above in all new browsers.

Answer 2

你们可以利用以下各点将四分五舍五入到底。

#main{position:fixed; bottom : 0px; width:970px; margin:0 auto; border:solid 1px #666; background:#FFF; margin-top:15px; min-height:100%;}

友情链接