[英]Why is it that when I move my text down another vertical scroll bar appears on the inside of the browser?
為什么當我向下移動文本時，另一個垂直滾動條出現在瀏覽器的內部，它的右邊然后寬度大約為1000px，這是一種延長頁面長度的方法，或者是一種簡單的隱藏滾動條的方法垂直顯示？ 我仍然希望顯示默認的瀏覽器垂直滾動條。 所有提示均表示感謝，謝謝！
如果您需要查看我的任何代碼，請再次感謝！ HTML：
<head>
<meta charset="utf-8" />
<title> Iamdrivingtoday.com </title>
<link rel="stylesheet" href="mfcc.css">
<script src="jquery-1.11.1.min.js"></script>
<script src="JqueryPlugins/jquery.vegas.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.vegas.min.css"></link>
<style type="text/css">
<!--
#fadein {
position: relative;
height:100%;
width:100%;
}
#fadein img {
position:absolute;
left:0;
top:0;
}
-->
</style>
</head>
<body>
<div id="big_wrapper">
<header id="top_header">
<img src="iadt.jpg" height="100" width="300"> </img>
</header>
<center><nav id="top_menu">
<ul>
<li><a href="Iamdrivingtoday.com/Home">Home</a></li>
<li><a href="Iamdrivingtoday.com/Application">Application</a></li>
<li><a href="Iamdrivingtoday.com/Privacy Policy">Privacy Policy</a></li>
<li><a href="Iamdrivingtoday.com/ContactUs">Contact Us</a></li>
</ul>
</nav> </center>
<div class="fadein">
<img src="images/slide1.jpg" width=1500 height=308 style="position: absolute; left: -90px;">
<img src="images/slide3.jpg" width=1500 height=308 style="position: absolute; left: -90px;">
<img src="images/slide.jpg" width=1500 height=308 style="position: absolute; left: -90px;">
</div>
<div class="bg1">
<img src="images/bg1.jpg" width=1500 height=308 style="position: absolute; left: -125px; top: 477px;">
</div>
<img src="Images/images/newcar.png" width=150 height=150 style="position: relative; top: 320px; left: 100px">
<img src="Images/images/usedcar.png" width=150 height=150 style="position: relative; top: 320px; left: 500px">
<section id="new_car">
<center> <h3>New Car Loan Requirements</h3> </center>
<p> If you're ready to apply for a new car loan, fill out our quick an easy application here at
Iamdrivingtoday.com But obviously, you don't want to waste your time when you don't
know the requirements to get approved for a new car loan. Here's what you'll need to qualify:
</p>
<script type="text/javascript">
$(function() {
$('.fadein img:gt(0)').hide();
setInterval(function () {
$('.fadein :first-child').fadeOut()
.next('img')
.fadeIn()
.end()
.appendTo('.fadein');
}, 4000); // 4 seconds
$.vegas('next');
});
</script>
<section id="main_section" style="position: relative; right: 0px;">
<article>
<header>
<hgroup>
<center><h1>What is Iamdrivingtoday.com?</h1></center>
</hgroup>
</header>
<p>Iamdrivingtoday.com is where we specialize in providing auto loans for people with bad credit.
We know that new and used car customers in certain times need help
finding the right auto loan provider. If you think you
have a really bad, or low credit rating, or you have been
turned down in the past, chances are we can help!
Our specialty is getting you financed and we guarantee an
approval!</p>
</article>
<article>
<header>
<hgroup>
<center><h1>Having a hard time getting approved?</h1></center>
</hgroup>
</header>
<p>No matter what your prior credit which may be due to bankruptcy, divorce,
foreclosure, repossession, late payments, or unpaid balances we get
you driving the same day no matter your circumstances.
Just fill out the application and drive away today.</p>
</article>
</section>
<div id="new_div">
<aside id="side_news">
<h4>What your Dealer needs!</h4>
<center>Paystubs!</center>
<center>$1000 Down!</center>
<center>Proof of Insurance!</center>
</aside>
</body>
</html>
CSS：
*{
overflow-x: hidden;
margin: 0px;
padding: 0px;
}
h1{
font:bold 16px tahoma;
}
}
header,section,footer,aside,nav,article,hgroup{
display: block;
}
body{
width: 100%;
display:-webkit-box;
-webkit-box-pack: center;
}
section{
font: 12px Verdana;
}
#big_wrapper{
max-width: 1000px;
margin: 20px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 1;
}
#top_header{
background: transparent;
padding: 5px;
text-align: center;
}
#top_menu{
border: 1px solid black;
background:-webkit-linear-gradient(left, #BDBDBD, #E6E6E6, #BDBDBD);
width: 998px;
text-align: center;
box-sizing: border-box;
}
#top_menu li{
display: inline-block;
list-style: none;
padding: 5px 20px;
font: bold 14px tahoma;
}
#new_div{
display: -webkit-box;
-webkit-box-orient: horizontal;
}
#new_car{
Position: relative;
Top: 20px
}
#bg1{
border: 3px solid black;
}
#main_section{
Position: relative;
border:1px solid black;
color: white;
text-shadow:
2px 2px 0 #000,
1px 1px 0 #000;
background-image:url('tb.png');
background-size: 365px 325px;
background-color:#cccccc;
-webkit-box-flex: 1;
float: right;
margin: 15px;
margin-top: 300px;
margin-right: 625px;
padding: 20px 20px;
}
#side_news{
border: 1px solid black;
width: 250px;
margin: 20px;
padding: 30px;
background: #66CCCC;
}
#the_footer{
text-align: center;
padding: 20px;
border-top: 2px solid black;
}
不用看代碼的最佳猜測：您在容器元素上設置了一個帶有溢出的高度：自動
編輯：查看代碼后，我認為在這種情況下最好的做法是鼓勵您花更多時間閱讀有關HTML和CSS的內容。 您有很多內聯樣式，並且要放置的東西確實弄亂了文檔的自然流程。 這不是一個很小的錯誤，只是根本上不好的代碼。
我並不是說這是故意的，但是此滾動條是您遇到的最少問題。
默認情況下，當內容的高度或寬度超過您明確設置的容器的高度或寬度時，將啟用css屬性overflow-y和overflow-x 。
在該特定元素上禁用overflow-y值將刪除滾動條。
overflow-y:hidden
為避免內容物被夾住，請增加容器的高度或減少內容物，反之亦然。 不明確設置高度或將其設置為自動將確保容器擴展到足以防止其內容溢出的高度。
你應該用
溢出-γ：隱藏; -用它來隱藏垂直滾動
溢出 - X：汽車; -用它來顯示水平滾動
對於IE8：-ms-overflow-y：隱藏；
當我通過將滑出菜單位置設置為固定的瀏覽器運行網站時，沒有滾動條出現
[英]No Scroll bar appears when I run my site through a browser with my slide out menu position set to fixed
垂直滾動條僅在我在對話框jQuery中按下調整大小角時出現
[英]Vertical scroll bar appears only when I push resize corner in the dialog jQuery
在android中使用chrome的移動設備中，當我向下滾動模式並且地址欄消失時，底部出現空白
[英]In mobile devices using chrome in android, when I scroll down the modal and the address bar disappears, white space appears at the bottom
為什么只有我的水平滾動條隱藏而我的垂直滾動條卻沒有隱藏？
[英]Why is it that only my horizontal scroll bar hides but my vertical scroll bar does not?
當沒有垂直滾動條時，為什么window.innerWidth不等於outerWidth？
[英]Why window.innerWidth is not equal to outerWidth when there is no vertical scroll bar?
當我快速移動菜單欄上的鼠標指針時，它會上下波動
[英]When i quickly move my mouse pointer on menu bar slide down and slide up, it is fluctuating
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.