为什么我的标题不符合我的CSS？

Question

我想知道为什么根据我的CSS属性我的标题的大小不是这样？ 这就是我将我的标题与我的CSS链接的方式。

<form id="form1" runat="server">

<img src="image/s1.jpg" >
    <ul id="Slideshow">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
    document.images.slide.src = eval("image" + step + ".src")
    if (step < 5)
        step++
    else
        step = 1
    setTimeout("slideit()", 2500)
}
slideit()
//-->
</script>
</ul>

这是我的CSS

#Slideshow
{
  width: 100%;
  left:0%;
  position: absolute;
  margin-top: 0%;
  height:320px;
}

正如您所看到的，我已经添加了100％的宽度。不幸的是，我的标题的宽度似乎甚至不像100％。我还添加了一个左：0％。然而，标题并没有完全一直向左。还有一些空位。

Answer 1

您需要为#SlideShow设置容器宽度，或为#slideShow设置固定宽度。

尝试将您的CSS更改为以下内容。

#Slideshow
{
  width: 600px;height:320px  
  position: absolute;
  left:0;top:0;
}

#Slideshow img{width:100%;}