Question

我通过模仿另一个网站http://jointhekvlt.com/的代码制作了无序列表。（该网站是一个服装网站，但确实包含一些明确的照片。）该网站有一个无序列表，它用作导航栏，它有一个填充顶部，以使导航从顶部下来。我的代码是相同的，但我的列表似乎永远不会与顶部齐平，不需要填充。那是为什么？

<body>
<div id="header">
<div class="wrapper">
<ul>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
</ul>
</div>
</div> 
</body>

http://jsfiddle.net/PaperStSoap/BgETs/1/

Answer 1

我将您的问题解释为您希望文本与页面的顶部和侧面有一些分离。一些通用的CSS可能会帮助您获得您想要实现的目标：

(Adding the class="nav" to your UL)
.nav {
  display: inline-table;
  position: relative;
  margin: 10px 10px 0px 0px;
  float: right;
  }
/* additional menu styling here*/

如何使文本与页面齐平

1 个答案: