【发布时间】：2018-11-14 14:23:01
【问题描述】：
我的标记看起来像这样
<div class="thumbnail">
<a class="link-to-product" href="#">
<div class="stickers">
<div class="sticker discounts">Акции</div>
</div>
<div class="thumbnail-top">
<div class="img-wrap"><img src="img/box2.png" alt=""></div>
<div class="category">Жидкости</div>
<div class="title">Масло черного тмина</div>
</div>
<div class="thumbnail-down">
<div class="divider"></div>
<div class="price-container">
<div class="current-price">
<span>250 </span>
<span class="currency">грн.</span>
</div>
<div class="old-price">
<span>300</span>
</div>
</div>
<a class="buy-button" href="#">Купить</a>
</div>
</a>
</div>
这是我在浏览器开发工具中看到的：
.thumbnail-down 不属于.link-to-product。
我尝试了不同的浏览器（chrome、firefox），清除了缓存，关闭了 css 和 js。仍然.thumbnail-down 不属于.link-to-product。
我在pug 中写了标记，并用gulp 编译了html。当我在dist 文件夹中查看已编译的html 时，它看起来还不错。我实际上从这个文件中复制了代码示例。天啊。什么会导致这种奇怪的行为？
我检查了这个元素之前和之后的所有链接。它们都已正确关闭
不仅会掉出来。浏览器复制.link-to-product。这个页面没有css和js，只有纯html。我将它复制到不同的文件夹中，没有 gulp 也没有其他插件
【问题讨论】：
-
是的，由于您的 HTML 无效，大多数浏览器都会尝试修复它
-
我投票结束这个问题，因为它是由一个简单的印刷错误引起的，如果不再次出现该印刷错误就无法重现，并且没有产生任何可以搜索的错误代码以防万一其他人发生这种情况。请参阅this page，了解为什么这个问题因为这些原因而离题。
-
这不是印刷错误。我需要 .link-to-product 移动到产品页面，以及“购买按钮”将产品添加到购物车而不访问它的页面。通常，程序员将 void() 放在链接中，并使用它来调用一些 wp 或 opencart “添加到购物车”操作。所以是的，我在链接中放置了链接，但它们之间有 div 分隔符。或者是印刷错误？如果是，我会删除问题，没问题
-
哦，我不能自己删除它