0

我遇到了一个非常令人困惑的定位问题。我有一个<img>元素 display:block;margin-left:auto;margin-right:auto;，它应该居中。问题是它不在其容器内居中，而是似乎在其容器的左半部分居中。

使事情复杂化，这只发生在链接的 php 文件之后

<div class="header">
...
<nav id="menu" class="topnav">
<ul>
    <li><a class="navlink" href="alexandria.html"><br style="clear: both;"/>Alexandria<br style="clear: both;"/><span>Referencing Manager</span></a></li>
    <li><a class="navlink" href="ceryneian.html"><br style="clear: both;"/>Ceryneian<br style="clear: both;"/><span>Research Browser</span></a></li>
    <li><a class="navlink" href="blog"><br style="clear: both;"/>Blog<br style="clear: both;"/><span>Thoughts</span></a></li>
    <li><a class="navlink" href="about.html"><br style="clear: both;"/>About<br style="clear: both;"/><span>Our Team</span></a></li>
</ul>
</nav>

- 如果我删除它，它工作正常。编辑我一直在测试我的CSS，看来如果我删除它就可以float:right;了<ul>——我不知道为什么，如果可能的话我想保持浮动。

这是有问题的页面http://fireoak.3owl.com/404.html - 如果您能提供任何帮助，请提前感谢。

4

2 回答 2

1 
Add foll0wing CSS to your content div  line -100(main_large.css)  

    border: 1px solid transparent;
    margin: 75px auto auto;

And css for img
    position: relative; (line 17 main_large.css)
于 2013-06-18T05:37:44.873 回答
0

给父元素一个宽度（width:100%;例如），然后给你想要居中的子元素，margin: 0 auto;它应该为你居中。

此外，如果您在包含 header.php 时遇到问题，请确保您的 HTML 在该文件中有效。

于 2013-06-18T05:03:57.470 回答