为什么不是 clear:left；在职的？

Question

我尝试创建一个 link 当您将鼠标悬停在它上面时它会改变颜色。这是一个带有紫色背景的盒子元素，当您将鼠标悬停在它上面时，它会变为紫红色。它漂浮在页面的左侧。在它旁边，我有另一个元素，它是 link 到 google。 clear;left 属性应该防止 link 出现在左侧的浮动元素旁边。它不是那样做的。在头脑中，我有

p.new a {
    border: 1px solid purple; 
    float: left; 
    width: 80px;
    height: 25px; 
    color: white; 
    text-align: center;

和

div.link {
 clear: left;
}

这是我的body。

<h1>Penguins</h1>

<br>
<p class="new" >
    <a href="http://www.google.com" target="_blank">Hover</a>
</p>

<div id="link">
    <a  href="Table.html">Check out the table</a>
</div>


</body>

Full Code Here

Answer 1

您的 css 选择器建议 link 是一个 class 名称，而它是 ID，请使用 div#link 选择器。

为什么不是 clear:left；在职的？

Why isn't clear:left; working?

html

css

css-float