日期:2014-05-17  浏览次数:20479 次

怎么让超出div宽度的元素横向滚动?
贴下css+html

#tar1, #tar2, #tar3
        {
            width: 540px;
            height: 220px;
        }
        #content
        {
            width: 560px;
            height: 220px;
            overflow: auto;
        }
 
 
    <div id="content">
        <div id="tar1" style="background-image: url(/1.jpg)">
        </div>
        <div id="tar2" style="background-image: url(/2.jpg)">
        </div>
        <div id="tar3" style="background-image: url(/3.jpg)">
        </div>
    </div>

这样是纵向的, overflow-x, overflow-y 也试过了
------解决方案--------------------
overFlow-x: scroll ;
overFlow-y: hidden ;   
------解决方案--------------------
div宽度要固定+横向滚动轴
------解决方案--------------------
#tar1, #tar2, #tar3
        {
            width: 540px;
            height: 220px;
        }

你写了这几句后宽度就不可能超出content的560px了,永远不会溢出,所以滚动条不出来

#tar1, #tar2, #tar3
        {
            /*width: 540px;*/
            height: 220px;
        }

这样超出后就出来了
------解决方案--------------------
overflow:auto;