html - 如何只改变一个属性而让其他属性保持相同的值？

Question

<分区>

Answer 1

没有更坚实的东西，在那里帮不了你太多。

.smartFooter {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0;
  background-color: #2C2C2C;
  color: white;
}

.footerLogo, .footerAbout, .footerProducts {
  display: inline-block;
  width: 30%;
}

.footerLogo {
  margin-top: 20px;
}

<footer class="smartFooter">
    <div class="footerLogo">
      <img src="http://lorempixel.com/100/100" alt="logo">
    </div>

    <div class="footerAbout">
      <h3>About</h3>
      <ul>
        <li><a href="#"><i></i>Like us on Facebook</a>
        </li>
        <li><a href="#"><i></i>Follow us on Twitter</a>
        </li>
        <li><a href="#"><i></i>Add us on Google Plus</a>
        </li>
        <li><a href="#"><i></i>Follow us on Dribbble</a>
        </li>
        <li><a href="#"><i></i>Follow us on Pinterest</a>
        </li>
      </ul>
    </div>

    <div class="footerProducts">
      <h3>Products</h3>
      <ul>
        <li><a href="#"><i></i>Like us on Facebook</a>
        </li>
        <li><a href="#"><i></i>Follow us on Twitter</a>
        </li>
        <li><a href="#"><i></i>Add us on Google Plus</a>
        </li>
        <li><a href="#"><i></i>Follow us on Dribbble</a>
        </li>
        <li><a href="#"><i></i>Follow us on Pinterest</a>
        </li>
      </ul>
    </div
</footer>

请注意图片只有 100 像素高/宽。如果边距太高，那么它们的顶部都会有一个奇怪的空间。

这通常也不是您所说的 margin-top:20px 的意思 20% 与宽度有关，而不是视口(viewport)高度。最好使用 px 值而不是 %。