Question

我在Wordpress网站的首页上有汽车预订表格。一切都很好，但是几天前在Google Chrome和FF中，我开始看到滑块和第一个包含内容的容器之间的空容器。在Safari中，没有这个空容器。网站网址：https://www.minskairporttransfer.com

Here is a problem

我尝试更改CSS，但没有结果。在PHP中的functions.php文件中的预订表单，并使用简码插入首页。

Image of admin panel where shortcode inserted

此容器为空

<div id="book">
  <div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-top-width:0px;border-bottom-width:0px;border-color:#e5e4e4;border-top-style:solid;border-bottom-style:solid;">
    <div class="fusion-builder-row fusion-row ">
      <div id="booking_form_pahle_page_par" class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-builder-column-1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height 1_1" style="margin-top:0px;margin-bottom:0px;">
        <div class="fusion-column-wrapper" style="padding: 0px; background-position: left top; background-repeat: no-repeat; background-size: cover; min-height: 0px; height: auto;" data-bg-url="" data-empty-column="true">
          <div class="fusion-text"></div>
          <div class="fusion-clearfix"></div>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

这是一个简单的问题，

您将错误的属性置于元素上，并且其容器必须具有相对位置。

这是正确的代码

<style>
   div#car_page{
    position: absolute;
    top: -350px;
    height: auto !important;
   }
   .post-content{
       position: relative;
    }
<style>

预订表格后如何解决空集装箱问题？

1 个答案: