DIV+CSS三行二列布局，为什么header和footer设置的宽度相同，但footer会右向撑出去很多？具体请看代码

发布网友发布时间：2022-05-13 06:55

共5个回答

懂视网时间：2022-05-13 11:16

在面试的时候遇到这样一个笔试题，使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章：

[HTML/CSS]说说position

闲来无事，就自己动手实现了一下，代码如下：

 1  2 3  4  5  6 首页 7 51 52 53 54  55  56  57  58 59  60  61  11111162 63 64 65

结果

考察的知识点就是css中的postion，在笔试的时候，不是非得动笔写出来才行，列出要点，也一样。

热心网友时间：2022-05-13 08:24

由于你设置了内边距【padding:10px】上下左右都是10px;因此整个div都会向上下左右溢出10px;因此你可以设置宽度为880px;

热心网友时间：2022-05-13 09:42

请试试
方法一：删除padding:10px; 或改成padding:10px 0;

方法二：把width:900px;改成width:880px;
默认浏览器会把padding一起算到宽度和高度中

谢谢

热心网友时间：2022-05-13 11:17

加上overflow：hidden看看，如果可以就是div被撑开了追问不行，还是那样。

热心网友时间：2022-05-13 13:08

估计是你没有清除浮动追问清除了，没用