html - 链接不适用于 div 和图像

Question

我想在图像和 div 上放置一个链接，但它似乎不起作用

<h2 style="font-size:25px;"> Unser Testsieger </h2>
<div style="width:50%; float:left;">
    <a style="display:block;cursor:pointer;" href="http://google.de">
        <img src="http://kurkuma-kapseln.info/wp-content/uploads/2016/01/Kurkuma-Kapseln-229x300.png" alt="Kurkuma Kapseln" width="229" height="300" class="alignnone size-medium wp-image-76">
    </a>
    <a style="color:#fff;cursor:pointer;display:block;" href="http://google.de">
        <div style="cursor:pointer;width:220px; padding:15px; text-align:center; background-color:#FF9900;font-size:20px;margin-top:20px;">
            Bei Amazon kaufen
        </div>
    </a>
</div>

<div style="width:50%; float:right;margin-top:100px;font-size:18px;"
    <ul>
        <li style="color:green;font-size:22px;list-style-type:none;"> TOP Qualität </li>
        <li> BIO geprüft</li>
        <li> 500mg Kurkuma pro Kapsel </li>
        <li> Verbesserte Wirkung durch Piperin </li>
        <li>Lactosefrei, Fructosefrei, Glutenfrei</li>
    </ul>
</div>

Answer 1

您的标记缺少一些关闭标记等，因此如果您始终使用缩进格式化标记，将更容易检测到此类错误。

我还可以建议您开始使用外部 CSS 而不是内联 (使用外部 CSS 更新了您的示例)。其中的好处是更易于阅读的标记(这将更容易发现标记错误)，使样式可重用且更易于维护。

.h2 {
  font-size:25px;
}
.left {
  width:50%;
  float:left;
}
.left-inner {
  width:220px;
  padding:15px;
  text-align:center;
  background-color:#FF9900;
  font-size:20px;
  margin-top:20px;
}
.links {
  color:#fff;
  display:block;
}
.right {
  width:50%;
  float:right;
  margin-top:100px;
  font-size:18px;"
}
.li {
  color:green;
  font-size:22px;
  list-style-type:none;
}

<h2 class="h2"> Unser Testsieger </h2>
<div class="left">
  <a class="links" href="http://google.de">
    <img src="http://kurkuma-kapseln.info/wp-content/uploads/2016/01/Kurkuma-Kapseln-229x300.png" alt="Kurkuma Kapseln" width="229" height="300" class="alignnone size-medium wp-image-76">
  </a>
  <a class="links" href="http://google.de">
    <div class="left-inner"> Bei Amazon kaufen </div>
  </a>
</div>
<div class="right">
  <ul>
    <li class="li"> TOP Qualität </li>
    <li> BIO geprüft</li>
    <li> 500mg Kurkuma pro Kapsel </li>
    <li> Verbesserte Wirkung durch Piperin </li>
    <li>Lactosefrei, Fructosefrei, Glutenfrei</li>
  </ul>
</div>