CSS嵌套层布局

 嵌套层布局时，当浏览器窗口拉小，里面的层会往下跳动怎么解决，

解决方案 »

  1.   

    如果你用的是绝对的宽度当窗体拉小肯定在一定的范围类拉小时会变的；
    所以建议用百分比来控制宽度，如果用百分比，
    其实在很小的范围内也会变成向下跳的，
    特别是里面有数据的时候，这个情况你可以不要太在意，
    最让人头痛的是用div布局时候，版本不兼容的问题，是很难解决的，至少我现在觉得难搞.....
      

  2.   

    只用DIV层布局时要有一个层(A)包含左右(B,C)div并一定要给层A一个宽度(950px),然后分别给(B,C)分配px不可用%因为在不同的窗口大小下用%会出现层挤层的效果,下面是列子,里面的INPUT随窗口大小而变.
    <html>
    <head>
    <title>asdf</title>
    <style type="text/css">
    #a{
        height:100%;
        background-color:red;
        width:950px;
        height:500px
    }
    #b{
        background-color:black;
        width:170px;
        height:100%;
        float:left
    }
    #c{
        background-color:green;
        width:770px;
        height:100%;
        float:right}
    </style>
    </head>
    <body>
    <center>
    <div id="a">
    <div id="b"><input type="button"></div>
    <div id="c"><input type="text"><input type="button"></div>
    </div>
    </center>
    </body>
    </html>
      

  3.   

    百分比来控制宽度，或者窗体scrolling设为auto
      

  4.   

    将高度设置为auto
    自动增长
      

  5.   

    清除浮动。加一个<div style="clear:both"></div>
      

  6.   


    同意hall84的说法，最外层的div的width一定是要给定的