Question

我对此有疑问：https://gyazo.com/1851299f16c3148c81f8e83682d38ff1 https://gyazo.com/05adf6012ba98bbae93ecda4dabbdffa

这可能是一个愚蠢的问题或只是一个愚蠢的代码。但是我怎么能得到那么长的一块呢？我的徽标是缩放和正确的。但是如果我删除了那个长div块，那么徽标会缩放，并且很大。

需要建议。三江源！

Answer 1

我为你创建了一些关于jsfiddle的例子。

<强> 1）要摆脱黑条，你可以做这样的事情：

<div class="wrapper">
    <div class="Logo">
      <img class="LogoNav" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/9front_logo.svg/150px-9front_logo.svg.png">
    </div>
      <li><a href="#">Home</a></li>
      <li><a href="#">Over</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">bestellen</a></li>
</div>

例如： https://jsfiddle.net/x4912b7s/1/

<强> 2）要将链接移动到徽标的右侧，但仍在黑匣子内：

.LogoNav {
  width: 25%;
  height: auto;
  float: left;
}

示例：https://jsfiddle.net/x4912b7s/2/

3）要移除黑匣子并移动徽标旁边的链接：

HTML

<div class="wrapper">
    <div class="Logo">
      <img class="LogoNav" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/9front_logo.svg/150px-9front_logo.svg.png">
    </div>
      <li><a href="#">Home</a></li>
      <li><a href="#">Over</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">bestellen</a></li>
  </div>

CSS

.LogoNav {
  width: 25%;
  height: auto;
  float: left;
}

示例：https://jsfiddle.net/x4912b7s/3/

希望这有帮助。

奇怪的div块

1 个答案: