方法一：通過特殊標籤<marquee>

滾動字幕：

<marquee
behavior（行為）="scroll(滾動)/alternate（晃動）"
direction（方向）="up(從下向上)/down（從上向下）/left（從右向左）/right（從左向右）"
scrollamount（滾動速度）="value"
height="value(上下滾動範圍)"
width=""(左右滾動範圍)>
內容
</marquee>

寬度自適應：

塊狀元素，不設定寬度，或者寬度設定為100%，那麼它的寬度和父元素的寬度相同。有的時候，如果子元素有margin，那麼不寫會比寫更好

但是浮動或者定位的時候，它的寬度就不會和父元素相同，而是由內容撐開

寬度不是繼承來的

高度自適應：

情況一：

當一個元素沒有設定高度或者設定為auto時，那麼它的高度就由內容撐開

min-height：當沒有內容時，則是其最小高度；當內容超過最小高度時，會撐開這個元素；一般和height只寫一個，如果都

寫，按大的算

min-height只能在ie6以上識別，ie6不識別

_height：如果屬性的前面加上_，那麼這個屬性只能備ie6識別

*height：只能被ie7識別

1  div{
2             min-height：300ox；
3             _height：300px；
 
4         }

!important是ie6不認識的

情況二：

當一個元素的高度設定成100%時，那麼它的高度就由父元素決定

方法二：通過JS指令碼滾動字元

 1 <span id="runText1" style="display:block;color: yellow;font-size:28px;width:100%;">滾動播放測試1&nbsp&nbsp&nbsp&nbsp</span>
 2 <script>
 3     setInterval("gun2()",200);
 4     function gun2() {
 
 5         var tag = document.getElementById('runText1');
 6         var content = tag.innerText;
 7         f = content.charAt(0);
 8         l = content.substring(1,content.length);
 9         new_content = l + f;
10         tag.innerText = new_content;
11     }
12 </script>