小编sha*_*.in的帖子

background css 100%宽度水平滚动问题

请看问题

当我将窗口滚动到水平然后页脚和标题中断时,我正面临这个问题.

请帮助CSS

你可以在这里查看现场演示http://yeszindagi.com/

    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size:1.3em;
        min-height:100%;
    }


    .containerMain {
        min-height:100%;    
        width: 100%;
    }


    .full {
    width:100%;
    }

    .fixed {
    width:900px;    
    }


    .footer {
        border-top:1px dashed #000;
        margin-top:5px;
        height:50px;
        background-color:#F7B200;
        bottom:0px;
        position:relative;
    }
Run Code Online (Sandbox Code Playgroud)

---------------------------- HTML CODE -------------------- --------------------

    <div class="containerMain">
    ....
    .....
    .........
    <div class="full footer clear ">
        <div class="fixed center">
            <div class="left">
                <ul class="links">
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>    
            <div class="social right">
                <a href="#" target="_blank" title="Facebook"><span class="facebook-mini"></span></a> …
Run Code Online (Sandbox Code Playgroud)

css footer width background-color horizontal-scrolling

7
推荐指数
2
解决办法
7435
查看次数