61,112
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<style>
.header {
background-color:black;
color:white;
text-align:center;
padding:5px;
height: 80px;
/*position: absolute;
width: 100%;*/
}
.menu {
position:absolute;
/*line-height:100%;*/
background:yellow;
/*height:300px;*/
width:100px;
/* float:left;*/
padding:5px;
height: auto;
bottom:32px;
float: left;
top:95px;
}
.main {
background: darkgrey;
position:absolute;
left:110px;
/*width:100%;*/
float:left;
padding:10px;
overflow:auto;
height: auto;
top:95px;
bottom:32px;
height: auto;
right:10px;
width:1500px;
overflow-x:auto;
overflow-y:auto;
white-space:nowrap;
min-width: 1500px;
}
.footer {
background-color:black;
color:white;
clear:both;
text-align:center;
/* padding:5px 10px 3px 10px;*/
height: 30px;
position: absolute;
bottom: 2px;
left:5px;
right:5px;
/* width: 100%;*/
}
</style>
</head>
<body>
<div class="header">
<h1>City Gallery</h1>
</div>
<div class="menu">
London<br>
Paris<br>
Tokyo<br>
</div>
<div class="main">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,London is the capital city of England. It is the most populous city in the United Kingdom,London is the capital city of England. It is the most populous city in the United Kingdom
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div class="footer">
Copyright test.com
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}
.header {
background-color:black;
color:white;
text-align:center;
padding:5px;
height: 80px;
}
.menu {
position:absolute;
background:yellow;
width:100px;
padding:5px;
height: auto;
bottom:30px;
top:90px;
}
.main {
background: darkgrey;
position:absolute;
left:110px;
top:90px;
right:0px;
bottom:30px;
padding:10px;
width:auto;
height:auto;
overflow:auto;
white-space:nowrap;
}
.footer {
background-color:black;
color:white;
clear:both;
text-align:center;
/* padding:5px 10px 3px 10px;*/
height: 30px;
position: absolute;
bottom: 0px;
left:0px;
right:0px;
/* width: 100%;*/
}
</style>
</head>
<body>
<div class="header">
<h1>City Gallery</h1>
</div>
<div class="menu">
London<br>
Paris<br>
Tokyo<br>
</div>
<div class="main">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,London is the capital city of England. It is the most populous city in the United Kingdom,London is the capital city of England. It is the most populous city in the United Kingdom
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div class="footer">
Copyright test.com
</div>
</body>
</html>