滚动字幕【兼容性：谷歌/火狐/IE6+】

方法一：通过特殊标签<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识别

 div{
            min-height：300ox；
            _height：300px；
        }

!important是ie6不认识的

    情况二：

当一个元素的高度设置成100%时，那么它的高度就由父元素决定

 

方法二：通过JS脚本滚动字符

<span id="runText1" style="display:block;color: yellow;font-size:28px;width:100%;">滚动播放测试1&nbsp&nbsp&nbsp&nbsp</span>
<script>
    setInterval("gun2()",200);
    function gun2() {
        var tag = document.getElementById('runText1');
        var content = tag.innerText;
        f = content.charAt(0);
        l = content.substring(1,content.length);
        new_content = l + f;
        tag.innerText = new_content;
    }
</script>