我在建立一个网站广告的区域供人们为自己的任务参观的过程。
我花了一些时间试图将我迄今为止所做的所有工作都放在一个页面上。我希望那里没有滚动条,我不想让滚动条不可见,等等,我的意思是让网页适合浏览器的一个页面,而不需要用户为了审美目的而滚动。
为了达到我期望的效果,我玩弄了divs的高度以及许多其他的东西,但遗憾的是没有成功。使用百分比更改div的高度对我无能为力。为了实现这一目标,我需要更改哪些关于我的代码的内容?
CSS:
body,td,th {
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
body {
wdith: 100%;
height: 100%;
margin: 0px;
}
#container {
wdith: 100%;
height: 100%;
}
#navigation {
color: white;
background-color: #292526;
width: 99%;
padding: 0.5% 0.5%;
}
#navigationLeft {
width: 24.5%;
display: inline-block;
vertical-align: middle;
font-size: 150%;
}
#navigationRight {
width: 74.5%;
display: inline-block;
vertical-align: middle;
}
#navigation ul {
float: right;
}
#navigation ul li {
display: inline;
}
#navigation a {
font-size: 100%;
color: white;
text-decoration: none;
}
#banner {
line-height: 0;
height: 70%;
}
#cliffPic {
width: 100%;
height: 70%;
}
#footer {
color: white;
background-color: #181818 ;
width: 99%;
padding: 0.5% 0.5%;
text-align: center;
}
HTML:
2016-02-08
Aontaigh
+0
哪部分你想要达到百分比高度? –
+1
我想使网页适合您的桌面屏幕,而无需向下滚动。例如,div“navigation”的高度可以是20%,包含图像的div“banner”的高度可以是70%,div“footer”的高度可以是10%。 –
+0
你刚才所说的是你问题的确切答案。您指定高度的唯一位置在内容中 - 您还需要为页眉和页脚指定一个高度。 大小总是相对于最近的定位祖先。这意味着最近的祖先有'position:relative'或'position:absolute'。 –