Question

在扩大我的网站之前，一切看起来都很棒。我已经检查了代码，并且已经过了2天，我只是感到更加沮丧，我祈祷这里的人可能会有所帮助 - 也许一双新鲜的眼睛会有所帮助。我已经链接了页面和cssdesk代码，你会看到发生了什么。提前感谢你。在css服务台中，列是正确的，但在网站上，由于某种原因看起来所有内容都被推下了。

http://www.cssdesk.com/BVCf2

http://jason.carpedp.com/coinlogistics/charities-co-ordinator/aviation-sector/

Answer 1

请勿在不打开p的情况下使用结束p，不要在评论中使用--，有些浏览器会将其解释为评论的结尾。

<div class="left"><!--COLLEFT--NOTHING-->
     </p>
     <div class="airport"><!--CENTER--><br/>
     </p>
     <h4>AIRPORTS</h4>

使用w3c验证器查找更多错误： http://validator.w3.org

Answer 2

我查看了代码并快速下载了该页面并将其放入HTML编辑器中。

根据我收集的内容，在机场列中有一个空白的

标记（我的编辑器上的代码行86），它将所有内容设置为一个级别。

删除后，它再次显示在我身边。

原始

 <div class="airport"><!--CENTER--><br>
 <p></p>
 <h4>AIRPORTS</h4>
 <p><img alt="Donation boxes are strategically placed in busy areas of the airport" src="./Aviation Sector - Coin Logistics_files/airport.jpg">
 </p>
 <p>With a substantial rise in international and foreign travel in recent years; the volume of foreign coins entering and departing the airports have increased. This makes airports the perfect location for the donation boxes to be located, giving travelers the opportunity to rid themselves of their unwanted change and enabling them to perform the good deed of donating to the designated charity and allowing their small change to make a big difference.
 </p>
 </div>

新

     <div class="airport"><!--CENTER--><br>

     <h4>AIRPORTS</h4>
     <p><img alt="Donation boxes are strategically placed in busy areas of the airport" src="./Aviation Sector - Coin Logistics_files/airport.jpg">
     </p>
     <p>With a substantial rise in international and foreign travel in recent years; the volume of foreign coins entering and departing the airports have increased. This makes airports the perfect location for the donation boxes to be located, giving travelers the opportunity to rid themselves of their unwanted change and enabling them to perform the good deed of donating to the designated charity and allowing their small change to make a big difference.
     </p>
     </div>

Answer 3

如果你在firebug中检查你的html代码，你会发现一些不必要的空标记，例如<p></p>和<br/>，只需删除它们即可。

3栏流体页面：大问题

3 个答案: