English 中文(简体)
HTML正文高度-固定?
原标题:HTML body height - fixed?
  • 时间:2011-02-03 18:02:03
  •  标签:
  • html
  • css

我正在努力使我的网站主体有一个固定的高度(我想!)。

无论如何,网站主体只是白色的,边框大小为1。基本上,身体的大小是由里面的东西决定的,所以,例如,当添加更多的东西时,它会自动调整大小。

我想要的是垂直滚动条,这样身体就不会永远伸展(对吗?)。我应该有一个固定的体型吗?

问题回答

如果你想要垂直滚动条,你可以在你的CSS中使用它;

body {
   height: 900px;
   overflow-y: scroll;
   overflow-x: hidden; /* hides the horizontal scroll bar */
}

你想完成什么?你听起来不确定自己是否想要滚动条;当内容变得比窗口大时,你想显示滚动条而不是让浏览器处理滚动是有原因的吗?

对你需要一个固定的高度

body{
height: your-height;
overflow:auto;
}

只有当您溢出区域而不垂直增长时,才会生成滚动条。

所以,在你的身体里创造一个层次:

<div id="mainbar">
</div>

使用CSS可以设置高度:

div#mainbar {
    min-height:100px;
    overflow:auto;
}

最小高度可保证您所需的初始高度。一旦它超过了这一点,你就会自动拥有滚动条。如果您希望页面本身滚动而正文加长,只需从CSS中去掉溢出行即可。

如果你想让垂直滚动条指向网站上的内部div(就像这样你就可以随时看到页脚),只需指定div的高度:

#inner { max-height: 300px;
    }

我认为溢出的默认设置是滚动,但如果您的内容被剪切而没有滚动条,您也可以设置

overflow: auto;




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签