无法弄清楚如何在div的末尾删除不必要的空间

Question

这是我正在使用的模板：http://tympanus.net/Blueprints/ElasticContentSlider/ 来源：http://tympanus.net/codrops/2013/02/26/elastic-content-slider/

最近我得到的是更改'.main'的高度，但它会改变主内容框的大小。

Answer 1

尝试将html, body, .container, .main {overflow:hidden;}放在最适合您的解决方案上......

Answer 2

删除多余的空格会将你的css更改为：

body .container { height:72%;}
.cbp-contentslider { height:100%;}

为了进一步简化布局，我建议：

 body .container { height:66%;}
.cbp-contentslider { height:100%;}
.main, .container > header { padding:0; width:82%; } // Don't need such padding for .main just use width/margin

Answer 3

这就是你需要的

.cbp-contentslider li > div {
position: absolute;
top: 9em;
bottom: 3.313em;
width: 100%;
left: 0;
padding: 0 1em;
overflow-x: hidden;
overflow-y: hidden;  //changed this from `auto` to `hidden`
}