请访问link
您可以在链接中看到以下图片:
该图像下方和上方有很多空白区域。我想消除这些差距,我想显示 link2
.check_delivery .actions {float: left;width: 25%;}
.check_delivery .f-right {margin-left: 0 !important;}
.check_delivery .f-right, .right {float: left !important;}
.check_delivery .button > span {background: #565656 none repeat scroll 0 0; width: 100% !important;}
.check_delivery .button span {padding: 3px;text-transform: capitalize !important;}
.check_delivery .item.last.odd { padding: 0;}
.check_delivery .search {margin: 0 auto !important; width: 100%;}
.check1 {
float: left;
text-align: center;
width: 90%;
font-size: 17px;
}
.ikon {
position: relative;
top:50px;
}
.check_delivery .block-subtitle {
display: inline-block;
float: left;
font-family: Museo,Helvetica,arial,san-serif;
font-size: 15px;
margin-top: 6px;
padding-left: 60px;
width: 27%;
}
.check_delivery #estimate_postcode {
float: left;
margin-bottom: 0 !important;
margin-left: 10px !important;
margin-right: 10px;
margin-top: 0 !important;
padding: 0 0 0 10px !important;
width: 70% !important;
}
.shipping-estimation-form {
float: left;
margin: 0 auto;
padding: 0;
width: 30%;
}
我试过这个:
.block block-shipping-estimate
{ position : relative; bottom:70px; }
但我认为它会影响页面的其他部分。
谁能帮我找到一些合适的解决方案。
最佳答案
请更改下面的 css
.ikon {
float: left;
margin-top: 20px;
/*position: relative;
top: 50px;*/
}
.block, .sidebar .box-reviews {
clear: both;
float: left;
margin: 0 0 10px;
padding: 10px 20px 20px;
position: relative;
width: 96%;
}
.short-description .std ul { margin: 0; }
.check_delivery .block-subtitle {
display: inline-block;
float: left;
font-family: Museo,Helvetica,arial,san-serif;
font-size: 15px;
margin-top: 6px;
padding-left: 10px;
width: 26%;
}
.product-view .add-to-box {
margin-top: 0;
overflow: visible;
position: relative;
}
.div_link-cart .block-cart-top {
clear: none;
float: right;
margin: 0;
padding: 8px 0 0;
width: auto;
}
关于html - 隐藏 block 下方和上方的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36175827/