css - 为什么我的标题不符合我的 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%。我还添加了一个 left:0%。然而，头球并没有完全向左移动。还有一些空位。

Answer 1

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

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

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

#Slideshow img{width:100%;}