Question

我有点问题......

我做了一个div，通常，它扩展到适合其内容的高度，但是......现在我有一个问题。

我的内容是从Sql语句中返回的，并且它的扩展不适合它的高度，一个工作非动态版本

#commentblock {
    min-height:50px;
    width:90%;
    margin:20px auto;
    padding:10px;
    border:1px solid #999;
}

我的代码如下（它在for循环中为每个实例创建一个新的div）

// Now lets query to grab the responses to this fault
$querytwo = "SELECT * FROM comments WHERE faultid=".$fid;

// execute query
$resulttwo = mysql_query($querytwo) or die ("Error in query: $querytwo. ".mysql_error());

// see if any rows were returned
if (mysql_num_rows($resulttwo) > 0) {
    // print them one after another
    while($row = mysql_fetch_row($resulttwo)) {
        // lets make this render then
        echo "<div id='commentblock'>";
        echo "<div class='loggedby'>Logged By : <span>".$row[4]."</span><p class='contactno'>Entered : <span>".$row[3]."</span></p></div>";
        echo "<div class='info'><span>".$row[2]."</span></div>";
        echo "</div>";
    }       
}

// free result set memory
mysql_free_result($resulttwo);

// close connection
mysql_close($connection);

提前致谢：）

Answer 1

知道了，内容是在一个继承浮动属性的范围内。删除浮动 - 现在一切正常：）

Answer 2

可能与动态代码无关，但HTML无效。

您正在使用：

id='commentblock'

...在循环中，在同一页面上创建多个相同的ID，这是无效的。

您应该更改为：

class='commentblock'

并将CSS引用为：

.commentblock

...而不是：

#commentblock

由于动态加载的内容，Div不会自动扩展

2 个答案: