一个永远不会超过浏览器的“div”

时间:2013-04-17 12:57:52

标签: javascript jquery asp.net html css

我正在使用Visual StudioASP.netHTMLCSSC#(对于后面的代码),ADO.netJavascript/Jquery

我正在尝试制作一个包含div块的网页,我希望该块永远不会超过浏览器。您知道吗:即使我更改窗口的分辨率,如何为div添加高度尺寸?

PS:我是法国人,所以请不要担心我的错误。

3 个答案:

答案 0 :(得分:1)

如果不进一步澄清您的Senario,一种方法是执行以下操作:

<强> HTML

<div id="test">
    My div
</div>

<强> CSS

html, body {height:100%;margin:0;padding:0}
#test {width:100%; height: 100%;position:absolute;}

答案 1 :(得分:1)

将高度设置为100%通常有效。注意:有时填充可能会使您超越浏览器。

答案 2 :(得分:0)

之前我遇到了屏幕分辨率问题,这解决了我的问题。

  • 如果您希望您的网站在屏幕分辨率发生变化时动态更改,您可以将css中的%用于所有页面,容器,包装等,以便在任何屏幕分辨率上进行调整。 (问题:当屏幕分辨率很大时,这会破坏您的网页设计

  • 到目前为止我找到的最佳解决方案,我认为其他专业网站也在做的是让你的宽度静态或固定,让你的页面放在中心位置。这将保留您在页面上所做的设计,一切都将保持原状并保持原样。

    在您的CSS中,只需在页面上添加此行,容器,包装等。

    保证金:0自动;

    并且您的网站将以任何屏幕分辨率为中心。有关更多示例并了解有关它的更多信息,请查看此参考How to Center a Website With CSS。如果您想在不改变实际屏幕分辨率的情况下测试不同的屏幕分辨率,可以尝试here

    希望这有助于:)