English 中文(简体)
c 高地财产
原标题:css height property
  • 时间:2012-01-12 10:34:29
  •  标签:
  • html
  • css

我对 c有以下问题,并想知道,是否有办法通过确定绝对高值来解决这一问题。 我的法典如下:

<style type="text/css" media="screen">
html { height:100%; }
body { background: black; height:100%; }

#menud {
position:absolute;
padding:1em;
height:300px;
background-color:#eaeaea;
width:184px;
}

#menue {
position:absolute;
margin-top:300px;
padding:1em;
height:900px;
width:184px;
background-color:red;
}

#data {
position:absolute;
margin-top:0px;
margin-left: 184px;
width:630px;
height:600px;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
}

#ad {
position:absolute;
padding:1em;
margin-top:0px;
margin-left:814px;
width:186px;
background-color:red;
height:800px;
}

#content {
width:1000px;
background-color:white;
height:100%;
}

#info {
margin-top:0px;
width:1000px;
}
</style>

<html>
<body>

<div id= content >
<div id= info >

<div id= menua >test</div>
<div id= menub >test</div>
<div id= data >test</div>
<div id= ad >test</div>

</div>
</div>

</body>
</html>

我将高地财产设定为100%,但这并不涵盖整个背景白人,因为人们期望这样做。 在这方面的任何帮助都值得赞赏。

Thanx。

问题回答

将高位提高到100%,即目前高度的100%。 如果贵页长于浏览器,那么四页太短。 利用汽车高,使高点正确计算。

把内容的高度重新定位到汽车上(移解<代码>:100%):

#content {
width:1000px;
background-color:white;
}

删除<代码>:绝对,从您(或改为<代码>position: relative)中删除,以便在计算母体(#content s)高度时尊重高端:

#ad {
padding:1em;
margin-top:0px;
margin-left:814px;
width:186px;
background-color:red;
height:800px;
}

现在,你的内容是你所期望的。

集装箱的高度为100%。 为了涵盖整个背景,你必须使用javascript。 在上页上,你将<条码>八贴到窗户高。

您可使用jQuery

$("#content").css( height , $(window).height());

您可能必须从身体上删除胎面和隔.,例如<条码> 载体{差额:0;胎面:0; ,用于覆盖整个高度。





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

热门标签