我一直在使用HTML,并一直在尝试创建自己的网页。我的问题是如何填写剩余空间,而不必输入大量文本,因为文章和页脚之间有一个空格,页脚底部有一个空格。我尝试添加高度:100%但是当我这样做时没有任何反应,我也尝试添加一个div.container,但似乎也没有做任何事情。非常感谢您的帮助
我的代码:
<html>
<head>
<style>
header {
padding: 1em;
color: yellow;
background-color: purple;
clear: left;
text-align: center;
}
footer {
padding: 1em;
color: red;
background-color: green;
clear:left;
text-align:center;
}
nav {
float: left;
max-width: 160px;
margin: auto;
display: inline-block;
padding: 1em;
background-color: red;
color: green;
}
nav.ul{
list-style-type: none;
margin: 0;
padding:0;
height: 100%;
}
section {
padding: 1em;
background-color: blue;
color: orange;
}
article {
padding: 1em;
background-color: orange;
color: blue;
overflow: hidden;
margin-left: 170px;
border: 5px solid gray;
display: block;
}
aside {
padding: 1em;
background-color: black;
color: white;
}
</style>
</head>
<body>
<header>
<h1>This is a header</h1>
</header>
<nav>This is navigation bar
<ul>
<li><a href="#">nav 1</a></li>
<li><a href="#">nav 2</a></li>
<li><a href="#">nav 3</a></li>
<li><a href="#">nav 4</a></li>
<li><a href="#">nav 5</a></li>
</nav>
<section>This is a section</section>
<article>This is an article</article>
<footer>This is a footer</footer>
<aside>This is aside</aside>
</html>
答案 0 :(得分:0)
当他们访问网站时,谁不喜欢有吸引力的东西? 我会说你可能会添加一些图片甚至你的图片(如果是你的个人网页)。
为此,U甚至可能会与页脚部分妥协。 我希望你已经展示了你的意图。 所以现在,最好添加一些视觉上吸引人的东西。