日期:2014-05-16  浏览次数:20403 次

如何让两个float的div一个固定宽度另一个自动填充剩余页面
我套了一个母板页,母版页里一个div  float:left; 也设定好了宽度,然后在右边,就是页面的自定义部分我需要放一个GridView在里面,而且让它自动填充满剩余的右边整个页面,结果问题来了...我如果设置GridView的宽是100%,结果GridView直接给撑到之前母版页float:left的div的下面去了,我在母版页里的这个float:left了的div外面又套了一个大div并且规定了高度也不行,还是会被挤到下面。
然后我在自定义内容外的div也加了float:left后GridView设定成100%倒是不会被挤到下面去,但是加了float:left的div宽度会自动变成最小值,无法自动填充页面右边剩余的空间。
还有,因为其他地方的布局都是按页面分辨率自动填充剩余部分的,所以我不想直接强制设置宽度,想要让它自己根据分辨率不同自动填充满整个页面,所以直接设置宽度什么的还是不要了.....

母版页的div布局
 
<div style=" float:left;  left:0px; right:0px;  margin-left:0px; margin-right:0px; width:auto;"><!--自定义页面的div-->
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>


然后自定义页面也有个大的全局div

<div style=" width:100%; ">.....</div>

------解决方案--------------------
可以使用方便的 table 来布局。
------解决方案--------------------
你“一遍遍靠猜测”随便设置的东西太多了,你应该删除所有乱七八糟的设置,只剩下table。