我在这里看到了一些与此类似的问题,但他们的回答对我不起作用。
这是发生了什么事的 jsfiddle jsfiddle
我尝试了其他问题中要求做的事情
使 float 对象显示行内 block ,并使容器文本行正确。还有什么问题?
html
<nav>
<h1>OWN WHAT YOU THINK</h1>
<a href="#">JOIN</a>
<a href="#">HISTORY</a>
<a href="#">RESOURCES</a>
<a href="#">CONTACT</a>
</nav>
CSS
nav{
height:61px;
width:400px;
color:white;
background-color: black;
margin:0 auto;
vertical-align: 10px;
line-height: 387%;
padding:0 50px 0 50px;
text-align: right;
}
nav h1{
font-size:12px;
float:left;
}
nav a{
display:inline-block;
float:right;
color:white;
margin-left:10px;
font-size:12px;
text-decoration: none;
font-weight:100;
letter-spacing: -1px;
}
谢谢
最佳答案
从 Nav A 移除你的 float
nav a{
display:inline-block;
color:white;
margin-left:10px;
font-size:12px;
text-decoration: none;
font-weight:100;
letter-spacing: -1px;
}
关于html - 如何在保持元素正确顺序的同时正确 float ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19717852/