想找份实习工作,兀哥给了我一份前端题目,昨天晚上 终于有空,看一看那些题目,不幸的是在第一题,就被卡住了,卡住了。。。说多了,都是泪。
对前端正式入门不到半个月,css有关内容也只看过四五天,主要看了有关浮动和清除浮动,看了两列定宽布局,两列流动布局,以及三列定宽布局。简单的记一些要点。然后好好整理一下有关css3中的box-flex布局。
1.两列定宽布局。要点:包含div的宽度(设置最小宽度和最大宽度)一般都是确定的;列div都需要设置宽度并且浮动float,不能让两列的总宽度超过包含的div(通过在列div中设置一个内部div,将其属性overflow设置为hidden。);footer底部,需要清除clear:both。
2.两列流动布局。要点:和上面一样。不同的是列div的宽度设置。左边div的宽度(X)固定并且左浮动,右边div的不设置宽度,但是需要设置margin-left为X。
3.三列定宽布局。要点:和两列定宽布局一样,不同的只是现在有三个列div。
4.三列流动布局。要点:需要实现两边定宽,中间流动的效果,需要使用一些技巧。