прокрутки в нижней части страницы в HTML

Question

им, имеющей проблемы с этим кодом:

<style> 
#tabimg{ 
} 
#tabpara{ 
position:relative; 
left:310px; 
top:-310px; 
} 
</style> 

<h1>CLICK ON THIS HEADING</h1> 
<div id="hideme" height="400"> 
    <div id="tabimg"> 
    <img src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" width="300" height="300"> 
    </div> 
    <div id="tabpara" width="300" height="300" > 
    <p>Paragraph Text</p> 
    </div> 
</div> 




<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 

    $("#hideme").hide(); 
    $("h1").click(function(){ 
       $("#hideme").slideToggle(500); 
    }); 
}); 
</script> 

Я получаю полосу прокрутки в нижней части страницы, и я не знаю, почему? Я совершенно новый для HTML + JavaScript так извинений, если его простая ошибка, спасибо :)

Answer 1

Вы должны добавить параметр ширины к вашему CSS и удалить прямую ширину параметра = «300»:

#tabpara 
{ 
position:relative; 
left:310px; 
top:-310px; 
width:300px; 
} 

Answer 2

причина, почему вы получаете полосу прокрутки это правило CSS:

#tabpara { 
    left: 310px; 
} 

абзац отлично подойдет, если вы не толкать его с left. Кроме того, встроенные стили, такие как width="300", вы не должны полагаться. Используйте CSS для изменения ширины элемента:

#tabpara { 
    left: 310px; 
    width: 300px; 
    top: -310px; 
}