スクロールバーとコンテンツに何か問題があります

なぜスクロールバーが表示されるのかわかりません。
テキストの内容に<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 -->

出典

2016-10-16 Maxim Baran Furman

質問を正しく説明してください。画像は何を表していますか？あなたの問題、またはあなたが望む解決策？ –

写真が私の問題を表しています。あなたはscrool barが見えることを画像で見ることができ、
タグを追加した場合にのみcontent divにテキストが表示されます。 –

ここにはスクロールバーが表示されません。「visible divは、
タグを追加した場合にのみテキストを表示します」という意味ですか？テキストは完全に表示されます。 –

<body>にoverflow: hidden;を追加し、スクロールバーを非表示にする必要があります。私はあなたの第二の質問に対する答えを知らないが、私はあなたに最初の質問に対する答えを与えたと思う。

出典

2016-10-16 15:25:28

彼を必要としない場合にのみ、私はスクロールバーを隠したい。彼を隠す絶対はない。 –

スクロールバーとコンテンツに何か問題があります

答えて

関連する問題