-1

このコードに問題があります：

<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 にまったく慣れていないので、単純な間違いでしたら申し訳ありません、ありがとう :)

4

2 に答える 2

0

CSS に width パラメータを追加し、直接 width="300" パラメータを削除する必要があります。

#tabpara
{
 position:relative;
 left:310px; 
 top:-310px;
 width:300px;
}
于 2013-04-19T16:58:23.383 に答える