一道简单CSS的面试题

Question

今天刚刚碰到的 hr要求一个半小时完成要求DIV自适应大小边距都是30px，剩下的DIV全部自适应屏幕 如果有根据屏幕大小自动变化CSS样式的更好要求已经写在图上了 有没有萌新前来练手

Answer 1

有2种方法实现一种是float，一种是flex，不过可能flex的兼容性不太好
float布局

flex布局

Answer 2

图已经写得很详细了，只要根据图写出相应的布局就OK了。如果还是迷茫的，建议你从巩固一下DIV布局。