我正在为我的投资组合开发一个网站。我希望始终将导航栏保留在屏幕左侧,并且右侧的内容可以滚动浏览。 我已经放入了一个测试按钮,但页面上无处可见按钮。 我已经研究并实现了各种解决方案,但按钮永远不会出现在屏幕上。任何帮助或建议将不胜感激。 这是我的CSS样式表
.WRAPPER {
text-align:center;
padding:20px;
}
div.transbox {
background-color: #ffffff;
border: 1px solid black;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p {
font-weight: bold;
color: #000000;
font-size:60px;
opacity:1;
}
.HOME {
width:100%;
height:100%;
}
.HEADING {
font-size:92px;
font-weight:bold;
color:black;
left:0; right:0;
top: 20%; bottom:0;
}
.TITLEBODY {
font-size:22px;
color:black;
}
.NAVBAR {
float: left;
width:30%;
position:fixed;
}
.BODY {
float: right;
width: 70%;
}

这是我的HTML
<html>
<head>
<link href="styleSheet.css" rel="stylesheet" type="text/css" size:100%>
</head>
<body>
<div class="WRAPPER">
<div class="HOME">
<div class="HEADING">
<p>Alex Hodson
<br>Portfolio
</p>
</div>
</div>
<div class="TITLEBODY">
<div class="NAVBAR">
<img src="back.png">
</div>
<div class="BODY">
Text will go here
</div>
</div>
</div>
</body>
</html>
&#13;
提前谢谢你 亚历