English 中文(简体)
CSS 不超过100%
原标题:CSS Height not 100%

我已经检查了许多与此类似的其他问题,但似乎没有任何解决办法。 我有一个网站,有一个机构,一个叫内容的内部网站。 我已尝试:

body
{
    height: 100%;
}

content
{
    height: 100%;
}

目 录

body
{
}

content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
}

这是对大多数问题的答复。 但出于某种原因,它不是为我们工作。 当我们用绝对位置来抓紧时,它超过页数,并且在我们想要把我们的内容放在左上(使用边轴:汽车;边权:auto);

任何建议?

最佳回答

你们除了身体外,还需要确定html至100%的高度,如:

html, body, div{
   height: 100%;
}
问题回答

我的解决办法:

<html>
<head>
<style>
body
{
    height: 100%;
    padding: 0;
    margin: 0;
}

#content
{
    height: 100%;
    background: red;
}
</style>
</head>
<body>
    <div id="content"></div>
</body>
</html>

工作罚款。 试样:红色;<>/代码>。





相关问题
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....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

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 ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签