html - 隐藏 block 下方和上方的空白区域

标签 html css

请访问link

您可以在链接中看到以下图片:

enter image description here

该图像下方和上方有很多空白区域。我想消除这些差距,我想显示 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/

相关文章:

javascript - 在使用 XMLHttpRequest 调用的 DIV 上执行 JQuery 函数?

javascript - 两个选择选项上的 onChange 事件

jquery - 根据窗口宽度和窗口调整大小启用功能

html - 在 HTML/CSS 中使用像素放大图像?

c# - Icheck 样式未应用于数据表中的 ajax 数据绑定(bind)

java - Thymeleaf - 表中可点击的 URL(Web 链接)

java - java程序的JSON问题

html - 在移动设备和桌面设备之间制作响应式按钮

html - 在侧边栏旁边居中主要

html - bootstrap css 搜索框不适合导航栏