0
私はこの問題のトラブルシューティングを試みましたが、役に立たなかった。ヘッダーの下に表示したいテキストが表示されないディメンションですか？ ここに私のコードがあります。私はどんな洞察力にも大いに感謝します。段落がヘッダーの下部に表示されません。ここでもまた、どんな助けもありがたいです。テキストが表示されない
<script>
$(document).ready(function()){
});
</script>
<style>
.body{
margin: 0px;
}
.homeButton{
width: 40px;
}
#MidPort{
background-image: url("");
height:750px;
width:1050px;
background-size:cover;
}
.topnav{
font-size: 20px;
font-family: Times New Roman;
position:fixed;
top 0;
width:100%;
}
#bg2{
background-color:red;
}
ul{
list-style-type:none;
margin:0;
padding:0;
overflow: hidden;
background-color: #333
}
li{
float:left;
border-right:1px solid #bbb;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: red;
}
.active{
background-color:#4CAF50;
}
li a:hover:not(.active)
{
background-color: #111;
}
li:last-child{
border-right:none;
}
</style>
<!-- Check to see if the navigation bar remains at the bottom if I use the nav class instead of ul. If not, revert back to ul for when the user scrolls down-->
<div>
<header>
<!--<div class="container">-->
<h2 class="topnav" id="cs2">
<ul>
<li><a class="active" href="/home">Home</li></a>
<li><a href="/About me">About Me</li></a>
<li><a href="Contact">Contact</li></a>
</ul>
</h2>
</header>
</div>
<main>
<header>
<div class="intro-text">
<p>Front-End Developer and Economist, with experience in project management, machine learning, and leadership roles; devoted to functional programming and analyzing mathematical models to solve ongoing economic</p>
</div>
</header>
</main>
<!--setup a home button at the bottom-->