我怎样才能让它更大高度的磁带？

Question

我有这个网站：

link

在此页面，你会发现你的产品包装盒......我希望他们有10％以上。

我把照片理解了我的意思。

http://i57.tinypic.com/11rvjhj.jpg

<ul class="products-grid one_column_4"> 
    <li class="item"> 
     <div class="regular">//some code HTML</div> 
     <div class="hover">//some code HTML</div> 
    </li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
    <li class="item"></li> 
</ul> 

CODE CSS：

.products-grid li.item { 
    float:left; 
    width:252px; 
    padding:0; 
    margin:0 15px 30px; 
    position:relative; 
    background:#fff; 
    border:9px solid #fff; 
    border-radius:3px; 
    -webkit-border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); 
    box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); 
    height:350px; //I add this code 
} 

我尝试了上面的代码，但看看他们怎么看......不太好。

http://i57.tinypic.com/33zck8j.png

你能告诉我请我怎样才能使盒子更高，而不会影响其余内容？

Answer 1

我的解决方案是在项目周围使用div，并将项目的高度设置为100％。 您可以使用视图高度单位（请参阅：http://www.w3schools.com/cssref/css_units.asp）

vh或vw参数强制项目的高度或宽度。 1vh对应于屏幕视图的1％。但是，如果更改窗口的大小，它会更改该项目的大小，直到达到vmin参数。