Question

我的代码出了点问题。

我不明白为什么滚动条可见？
为什么我需要将<br />添加到内容中才能显示文字？

#main {
  transition: margin-left .5s;
  padding: 16px;
}
#header {
  transition: margin-left .5s;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  background: #ededed;
  font-weight: 700;
  z-index: 10;
  height: 70px;
}
#content {
  margin-top: 70px;
}
#footer {
  background: #ffab62;
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
}

<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  <a href="" class="closebtn" onclick="clear()">&times;</a>
  <div id="menu">
    <ul id="myUL">
    </ul>
  </div>
  <p>סה"כ: 50 ש"ח</p>
</div>


<div id="wrapper">
  <div id="site">
    <div id="header">

      <ul>
        <div id="referNav">
          <li>
            <div id="referLink1"><a href="#" class="active">הזמנה חדשה</a>
            </div>
          </li>
          <li>
            <div id="referLink2"><a href="#" class="">2</a>
            </div>
          </li>
        </div>
      </ul>
    </div>
  </div>
  <!-- #header -->

  <div id="content">
    <br />
    <input type="text" id="myInput" placeholder="Title...">
    <span onclick="newElement()" class="addBtn">Add</span>
  </div>


</div>
<!-- #wrapper -->

Answer 1

将<body>添加到{{1}}，并隐藏滚动条。我不知道你的第二个问题的答案，但我想我已经给你第一个问题的答案。

滚动条和内容

1 个答案: