PHP 行为怪异，混淆了 HTML 标记

Question

感谢您关注这个问题。

我有一个完全有效的页面，并且有一个 PHP 循环引入了 <li>对于表的每个条目。

当我在本地检查此页面时，它看起来 100% OK，但是当在线查看页面时，左侧栏(创建此标记的内容随机混合 <div> 和 <li> 并且我不知道问题是什么。

这个问题出现在 FF mac 和 PC 上(safari 看起来不错)

See page (问题在左边)

php代码

<?php do { ?>
    <li class="clear-block" id="<?php echo $row_Recordset1['penSKU']; ?>">
      <a title="Click to view the <?php echo $row_Recordset1['penName']; ?> collection" rel="<?php echo $row_Recordset1['penSKU']; ?>">
         <img src="prodImages/small/<?php echo $row_Recordset1['penSKU']; ?>.png" alt="" />
           <div class="prodInfoCntnr">     
                <div class="basicInfo">
                 <span class="prodName"><?php echo $row_Recordset1['penName']; ?></span> 
                 <span class="prodSku"><?php echo $row_Recordset1['penSKU']; ?></span>
                 </div>
                 <div class="secondaryInfo">
                 <span>As low as .<?php echo $row_Recordset1['price25000']; ?>¢ <!--<em>(R)</em>--></span>
                     <div class="colorPlacholder"  rel="<?php echo $row_Recordset1['penColors']; ?>"></div>
                </div>
           </div>
           <div class="additPenInfo">
               <div class="imprintInfo"><span>Imprint area: </span><?php echo $row_Recordset1['imprintArea']; ?></div>
            <div class="colorInfo"><span>Available in: </span><?php echo $row_Recordset1['penColors']; ?></div>
            <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <th>Amount</th>
                    <th>500</th>
                    <th>1,000</th>
                    <th>2,500</th>
                    <th>5,000</th>
                    <th>10,000</th>
                    <th>20,000</th>
                  </tr>
                  <tr>
                   <td>Price <span>(R)</span></td>
                    <td><?php echo $row_Recordset1['price500'];?>¢</td>
                    <td><?php echo $row_Recordset1['price1000'];?>¢</td>
                    <td><?php echo $row_Recordset1['price2500'];?>¢</td>
                    <td><?php echo $row_Recordset1['price5000'];?>¢</td>
                    <td>Please Contact</td>
                    <td>Please Contact</td>
                  </tr>
</table>
           </div>
    </a>
   </li>
        <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>

Answer 1

你不能放 <div> <a> 内部.

div 是 block 级元素。 anchor 不是。基本上，这就像把 <span>在<div>之外.没有任何意义。

解决方案:将 anchor 移到 div 内部。

(以后如果不同的浏览器显示不同，可能不是PHP而是HTML)