Question

以下是我的示例网页：

div.menu_po_lewej {
  background: url('http://kielich.lubin.pl/wp-content/themes/kielich/img/user.png') no-repeat;
  float: left;
  width: 195px;
  padding: 0;
  margin: 0;
}
div.srodek {
  float: left;
  padding-left: 15px;
  width: 805px;
  padding-top: 75px;
}
div.prawa {
  float: right;
  width: -webkit-calc(100% - 1050px);
  padding: 0;
  margin: 80px 0 0 0;
}
div.menu-menu_lewe-container {} #menu-menu_lewe {
  /* display: none; */
}

<div class="menu_po_lewej">
  <div class="menu-menu_lewe-container">
    <ul id="menu-menu_lewe" class="menu">
      <li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-40">
        <a href="#">Strona główna</a>
      </li>
      <li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45">
        <a href="#">O stowarzyszeniu</a>
      </li>
      <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48">
        <a href="#">Sztuczna ściana</a>
      </li>
    </ul>
  </div>
</div>

<div class="srodek">
  <h1 class="entry-title">II MEMORIAŁ IWONY BUCZEK 26.09.2015</h1>
  <p>26 września 2015 roku Stowarzyszenie Miłośników Gór w Lubinie &hellip; <a href="#" class="more-link">Continue reading<span class="screen-reader-text"> &#8220;II MEMORIAŁ IWONY BUCZEK 26.09.2015&#8221;</span></a>
  </p>
  <br />
</div>

<div class="prawa">test</div>

现在，为什么当我取消注释display：none in menu-menu_lewe all div.menu_po_lewej不显示？即使我在menu_po_lewej中放置display：block，它仍然会消失。

Answer 1

如果菜单menu_lewe上有display：none，则上部div中没有任何内容，这意味着它们会崩溃。

如果您想要的是即使菜单项被隐藏，菜单上的背景图像仍然显示，那么您可以使用最小高度值来始终将其强制为特定大小。这是一个小提琴示例：https://jsfiddle.net/zqfefy2c/

div.menu_po_lewej {
    background: url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQLs-qkckuwprqTCD9EK9ti5-W119zZPLbHHWq_EUXLh_Od2Q5IOA')  no-repeat;
    float: left;
    width: 195px;
    padding: 0;
    margin: 0;
    min-height:150px;
}

该值应该是您要显示的图像的高度。

显示时，div消失：嵌套ul没有设置

1 个答案: