php - 调用两次的同一个 div 标签的 CSS 样式问题。表现不同

Question

这对我来说是一个非常特殊的情况。我还不确定为什么会发生这种情况，但这里有。我有一个带有 class="sidehead"的特定 div 标签 这个类有一些附加的样式，如下所示

<style>
.sidehead {
background: none  scroll 0 0 #105289;
//border-radius: 15px 15px 15px 15px;
color: #FFFFFF;
font-weight: 700;
padding: 3px 15px;
margin: 5px;
text-shadow: 0 0 2px #000000;
}
</style>

现在这个 div 的目的是为侧边栏中的每个元素的标题设置样式。然而，当我将 2 添加回 div 时，蓝色也会涂抹在前一个 div 上。我不确定为什么会这样。

您可以在 http://mashup2.sunnydsouza.com 上查看有缺陷的效果.只需查看侧边栏，您就会明白我在说什么。我正在谈论的 2 个元素是使用 php 中的 include() 语句获取的。它们是被调用两次的相同脚本。

 echo '<div class="sidehead">Most Popular articles</div>';

    include('widget_2.php'); 

    echo '<br>';

    echo '<div class="sidehead">Random articles</div>';

    include('widget_2.php'); 

谁能帮我解决这个问题。不知道为什么蓝色也蔓延到第一个 div :(

Answer 1

问题似乎与 floated 有关标题下的元素。

尝试制作 br一个清除，例如。 <br style="clear:both"> .

echo '<div class="sidehead">Most Popular articles</div>';

    include('widget_2.php'); 

    echo '<br style="clear:both">'; //CHANGE HERE

    echo '<div class="sidehead">Random articles</div>';

    include('widget_2.php'); 

当我在 inspect element 中更改它时，这对我有用使用 Chrome 控制台。