Question

我正在尝试在标题下删除此页面上的此透明区域：代码在这里：

的style.css：

  .kordpage {
  position: relative;
  color: 111;
  width: 1000px;
  max-height: 1300px;
  margin: auto;
  text-align: left;
  border-style: solid;
  border-width: 0px 25px 25px 25px;
  -moz-border-image: url(images/border.png) 47 48 46 repeat;
  -webkit-border-image: url(images/border.png) 47 48 46 repeat;
  -o-border-image: url(images/border.png) 47 48 46 repeat;
  border-image: url(images/border.png) 47 48 46 repeat;
  display:block;
  overflow: auto;
}

页面

<?php

/*
Template Name>Special Layout
status = in use
Template Name: Travel-Googlemaps */

get_header(); ?>
<div class="kordpage">
<div class="textus">
<?php
if (have_posts()) :
  while (have_posts()) : the_post(); ?>



  <article class="post page">
    <h2><?php the_title(); ?></h2>
    <?php the_content(); ?>
    </article>
    <iframe allowfullscreen="" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1760.23786890098!2d20.275166016484622!3d63.8206487834489!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x467c5b066d574471%3A0x3c132dfbfa054972!2sSliperiet!5e0!3m2!1sen!2sse!4v1454590960458" style="border:0" height="400" width="600" frameborder="0"></iframe>
    <img alt="umea-congress" src="http://sspdcongress2017.com/wp-content/uploads/2016/10/9837.jpg"  style=";width:950px;">
  </div>
  </div>
  <?php endwhile;

  else :
    echo "<p>No Content Found I'm afraid</p>";

  endif;


?>

如果您检查元素，您会注意到kordpage div覆盖了该区域，但我的白色baground（textus）div元素没有。

我怀疑问题出在边境，我很快就会睡觉，所以在10小时之前我可能看不到您的答案，但我非常感谢您的帮助或建议！

Answer 1

.navmenu和.kordpage（菜单下的灰色条）之间的透明空间由h2标签的margin-top制作。此CSS规则删除了该边距并删除了透明空间。

.page h2{ margin-top: 0px;}

也许你最好在你的h2标签上使用填充，你可以设置边距为0px，填充为17px。

无法将我想要的内容放在我的div元素中

1 个答案: