div+css经典三行两列布局_html/css_WEB-ITnose
程序员文章站
2022-05-15 20:45:34
...
写在前面
在面试的时候遇到这样一个笔试题,使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章:
[HTML/CSS]说说position
代码
闲来无事,就自己动手实现了一下,代码如下:
1 2 3 4 5 6首页 7 51 52 535464 6555 565758 5960 6111111162 63
结果
总结
考察的知识点就是css中的postion,在笔试的时候,不是非得动笔写出来才行,列出要点,也一样。
推荐阅读
-
css两列布局,一边固定宽度,另一边自适应_html/css_WEB-ITnose
-
DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条._html/css_WEB-ITnose
-
常见左右两列div+css布局技巧整理_html/css_WEB-ITnose
-
css两列布局,一边固定宽度,另一边自适应_html/css_WEB-ITnose
-
DIV+CSS 网页布局之:一列布局_html/css_WEB-ITnose
-
CSS两列布局_html/css_WEB-ITnose
-
div+css经典三行两列布局_html/css_WEB-ITnose
-
常见左右两列div+css布局技巧整理_html/css_WEB-ITnose
-
纯CSS实现三列布局(两边固定,中间自适应)_html/css_WEB-ITnose
-
div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)_html/css_WEB-ITnose