今天难得有时间,认真思考了一下。答案不一定最佳的解决方案,但是能实现同等效果。
问题描述:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为200px,中间那个DIV充满剩余的宽度。
这个题目是我当时做的第一个题目,看完题目就把答案写出来了:不就是一个float:left;的事情吗!(实践出真知,被事实赤裸裸的打败了!)
我笔试提交的代码:
.mainwrap{ width: 1000px; margin: 0 auto; height: 300px; } .left{ width: 150px; height: 100%; background: yellow; float: left; } .right{ width: 150px; height: 100%; background: pink; float: left; } .center{ width: auto; height: 100%; background: green; float: left; }
查看更多关于DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充_html/css_W的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did108934