0

我有以下 HTML 代码：

（此代码创建带有图像、产品标题和基本描述的框）

<?php
  while ($row = mysql_fetch_row($q3)) {
    echo "<div class='ipsBox_containerdlc ipsPad'>
<h3 class='ipsType_subtitledlc'>".$row[2]." </h3>
<br>
<p class='descdlc'>".$row[4]."</p>
<p class='descdlcimg'>
<img src='http://localhost/images/249273625.jpg' width='200' height='219'/>
</p></div>
";
  }
?>

和CSS代码：

.descdlc {
font-size: 12px;
color: #777777;
    position:relative;
    left:375px;
    width:375px;
}

.descdlcimg {
font-size: 12px;
color: #777777;
    position:relative;
    top:-143px;
    left:100px;
    overflow:hidden;
}

.ipsBox_containerdlc {
    background: #fff;
    border-left: 1px solid #CECED1;
    border-right: 1px solid #CECED1;
    border-bottom: 1px solid #CECED1;
    border-top: 1px solid #CECED1;
            height:240px;
    }

问题是如果我使用 while 循环，我的图像会“重叠”：

任何想法如何解决它？没有while循环一切看起来都很好！

更新：

4

2 回答 2

0

您将.descdlcimg 相对位置与top: -143px. 这表示

“将此图像放置在比应有位置高 143 像素的位置。”

我认为您的图像仅将这 143 像素“融化”到顶部。如果您对这种相对定位没有充分的理由（请注意：人们经常说position: relative他们的意思position: absolute），只需将其删除，它应该可以工作。

于 2013-06-19T08:30:02.607 回答
0

尽量与缩进保持一致和整洁，这将使代码更容易阅读和更容易发现错误。

我不确定，但 CSS/HTML 中的类名（以及 ID 名）是否允许在其中包含空格？

尝试float: left;放入.descdlcimg。

于 2013-06-19T08:56:32.410 回答