ul 的垂直对齐一直到 div 内的顶部 - 没有 img，只有文本答案

【问题标题】：vertical alignment of ul all the way to the top inside a div - no img, just textul 的垂直对齐一直到 div 内的顶部 - 没有 img，只有文本
【发布时间】：2013-09-12 22:23:18
【问题描述】：

这看起来很简单，（我觉得很愚蠢和敬酒）但我已经尝试了所有我能找到的东西（花了 6 个小时在网络上挖掘，w3schools 等），我无法得到一个简单的文本ul 一直到它所在的 div 的顶部？就好像 DIV 内部有一个“边距”或“填充”。我用firebug和dreamweaver看过它，我看到了同样的东西。我关心的真正页面在这篇文章的底部。谢谢大家

以下是此处显示的精简 HTML 的链接：

http://www.abscomputersouthbay.com//CC_Website/one_ul_in_a_div.html

在上面的链接中，jsfiddle 中还有另一个指向此代码的链接，-我还没有“10 名声望”，所以我在一个帖子中不能有超过 2 个链接.. :)

  <head>

    <style type="text/css">
    body {
      color:#000000;
      background-color:#FFFFFF;
      margin: 0;
      padding: 0;
    }
    </style>
</head>
<body>
the ul should be right below this line of text, right up to the top of the DIV it
is inside of, with no empty "white space" the looks like a "empty line"
<div style="">
<ul >
<li >PC World News (external news feed)</li>
<li >PC Mag - New products (external news feed)</li>
<li >Site Map</li>
</ul>
</div>
  </body>
</html>

这是我正在处理的实际页面，它让我走上了这条切线……从“PC 和 IT 服务、支持、开发”开始

http://www.abscomputersouthbay.com/index.php/services-and-support

谢谢你

克雷格

【问题讨论】：

标签： html alignment html-lists text-align

【解决方案1】：

ul 没有从body中获取margin，在firebug中可以看的很清楚；如果你给它自己的边距，它就可以工作，如this fiddle

body, ul {
  color:#000000;
  background-color:#FFFFFF;
  margin: 0;
  padding: 0;
}

显然，有更优雅的方式来分配正确的 css，只是为了演示目的而这样做

【讨论】：

当他说“离开键盘，S L O W L Y ...”时，我应该听听我脑海中的那个人 - 我去吃了点东西，开始思考为什么这是唯一的我见过的默认情况下没有放在 div 顶部的文本？？
并意识到它一定是 ul - 而不是 DIV，果然 - 就像你说的，当然谢谢！我应该已经意识到“浏览器......”我想给他们一个默认的边距/填充......或者这就是 ul 最初的意图。很难看到“那些从零开始的人”——我的意思是“穿过树木的森林……”再次感谢