好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充_html/css_W

作为一个前端小白,这是我面试前端职位的题目之一,没有实践经验,误打误撞,最后还是错了!

今天难得有时间,认真思考了一下。答案不一定最佳的解决方案,但是能实现同等效果。

问题描述:一个宽度不确定的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的详细内容...

  阅读:43次