重叠的Div问题

时间:2017-02-28 03:48:58

标签: html css

您好我正在尝试建立一个网络漫画网站。我目前的问题是我有 两个重叠的Div,我无法弄清楚如何解决这个问题。我的代码的具体重叠部分是内容div和版权容器。在我的CSS中,我的内容距离top-nav-bar顶部20px。我正在试图弄清楚如何保留这个保证金,以使内容区不会移动版权区。我提供了HTML,我希望是相关的CSS。如果您需要更多信息,请告诉我,我将非常乐意提供。

#content {
  width: 1100px;
  height: 1500px;
  margin: 0 auto;
  position: relative;
  top: 10px;
  background-color: #666;
  box-shadow: 0 0 10 px 0px rgba(12, 3, 25, 0.8);
  clear: both;
  display: inline-block;
}

.copyright-container {
  margin: 0 auto;
  position: ralative;
  text-align: center;
  padding: 0px;
}

#wrapper {
  background-color: #333;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
  background-image: url("images/bg-tileable.png");
  background-position: left-top;
  background-repeat: repeat;
}

* {
  margin: 0;
  padding: 0;
  /*border: 1px solid rgba(0, 0, 0, 0.3);*/
  border-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  color: #FFF;
}
<div id="wrapper">

  <!--Site Image Banner -->
  <header>
    <img src="images/banner06.png" />
    <img class="logo" src="images/logo.png" />
    <!--
			<div class = "logo">
				<img src="images/logo.png"/>
			</div>
			-->
  </header>

  <!--Navigation bar below header Graphic -->
  <nav class="top-nav-bar">
    <ul class="nav-list">
      <li class='active'><a href="#">Home</a></li>
      <li><a href="#">Comics</a></li>

      <li><a href="#">Comissions</a></li>
      <li><a href="#">Tutorials</a></li>
    </ul>
  </nav>

  <!-- Holds side panel outside links-->
  <div id="outside-links-container">
    <div class="title">
      <h3>
        <p class="title-text"> Other Works</p>
      </h3>
    </div>
    <nav class="outside-links">
      <!--Make Deviantart Logo and add <img> element -->
      <li>
        <a href="#" target="_blank" alt="Link my Deviantart"> <img src="images/da-logo02.png" /></a>
      </li>
      <!--Make Instagram Logo and add <img> element -->
      <li>
        <a href="#" target="_blank" alt="Link my Instagram"><img src="images/ig-logo.png" /></a>
        <li>
    </nav>
  </div>

  <!--Holds Comic Page and comic page Navigation -->
  <div id="content">
    <div class="title">
      <h1>
        <p class="title-text"> Omnibreed Page 01</p>
      </h1>
    </div>
    <div class="recent-post">
      <img class="comic-page" src="images/comic-pages/Chap01_Page 1_Low.png" />
    </div>

    <div class=" comic-navigation">
      <ul class="comic-nav-list">
        <li>
          <a href="#"><img src="images/arrow01.png" /></a>
        </li>
        <li>
          <a href="#"><img src="images/arrow02.png" /></a>
        </li>
        <li>
          <a href="#"><img src="images/archieve01.png" /></a>
        </li>
        <li>
          <a href="#"><img src="images/arrow03.png" /></a>
        </li>
        <li>
          <a href="#"><img src="images/arrow04.png" /></a>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="copyright-container">
  <p class="copyright"> &#169;Copyright 2017 Charles </p>
  <div>

1 个答案:

答案 0 :(得分:0)

你拼错了亲戚

    $master_user_array = array();
    foreach($url_list AS $url) {
        $json = file_get_contents($url."?key=".self::AUTH_KEY);
  $data = json_decode($json, true);

  $user_count = 0;
        foreach($data['user'] AS $user) {echo highlight_string(var_export($master_user_array, true));
    if(count($master_user_array) > 0) {
      $key = array_search($user['username'], array_column($master_user_array, 'username'));
            } else {
                $key = false;
            }

    if(false !== $key) {
        $master_user_array[$key]['username'] = $user['username'];
        $master_user_array[$key]['email'] = $user['email'];

        $master_user_array[$key]['total']['counttoday'] += $user['counttoday'];
                $master_user_array[$key]['total']['countweek'] += $user['countweek'];
                $master_user_array[$key]['total']['countmonth'] += $user['countmonth'];
                $master_user_array[$key]['total']['countyear'] += $user['countyear'];
                $master_user_array[$key]['total']['counttotal'] += $user['counttotal'];

        $master_user_array[$key]['sites'][$data['siteurl']]['counttoday'] = $user['counttoday'];
                $master_user_array[$key]['sites'][$data['siteurl']]['countweek'] = $user['countweek'];
                $master_user_array[$key]['sites'][$data['siteurl']]['countmonth'] = $user['countmonth'];
                $master_user_array[$key]['sites'][$data['siteurl']]['countyear'] = $user['countyear'];
                $master_user_array[$key]['sites'][$data['siteurl']]['counttotal'] = $user['counttotal'];
            } else {
        $master_user_array[$user_count]['username'] = $user['username'];
        $master_user_array[$user_count]['email'] = $user['email'];

        $master_user_array[$user_count]['total']['counttoday'] = $user['counttoday'];
                $master_user_array[$user_count]['total']['countweek'] = $user['countweek'];
                $master_user_array[$user_count]['total']['countmonth'] = $user['countmonth'];
                $master_user_array[$user_count]['total']['countyear'] = $user['countyear'];
                $master_user_array[$user_count]['total']['counttotal'] = $user['counttotal'];

        $master_user_array[$user_count]['sites'][$data['siteurl']]['counttoday'] = $user['counttoday'];
                $master_user_array[$user_count]['sites'][$data['siteurl']]['countweek'] = $user['countweek'];
                $master_user_array[$user_count]['sites'][$data['siteurl']]['countmonth'] = $user['countmonth'];
                $master_user_array[$user_count]['sites'][$data['siteurl']]['countyear'] = $user['countyear'];
                $master_user_array[$user_count]['sites'][$data['siteurl']]['counttotal'] = $user['counttotal'];

      $user_count++;
            }
        }
    }

尝试修复它,看看你是否得到不同的结果