css - 如何使用溢出属性

Question

Js fiddle :https://jsfiddle.net/ed4qz4a7/1/

我有<div class="home" ><div/>高度为 666px我有 2 张图片，每张图片包含高度 666px这意味着两个图像包含 1332px的高度。我希望第二张图片隐藏在第一张图片下方。

我在努力

<section class="home">
  <ul>
    <li class="img1"></li>
    <li class="img2"></li>
  </ul>
</section>

CSS

 .home
 {
  height:666px;
  width:100%;
  overflow:hidden;
 }

Answer 1

您的代码正在运行，请在此处查看演示:

<section class="home">
  <ul>
    <li class="img1"><img src="http://placehold.it/666x666"></li>
    <li class="img2"><img src="http://placehold.it/666x666"></li>
  </ul>
</section>

 .home
 {
  height:666px;
  width:100%;
  overflow:hidden;
 }

http://codepen.io/anon/pen/pjbQom