网页宽度是用100% 还是设置一个指定的宽度问题

如果是设置100% ，随着浏览屏幕大小自动适应，那么页眉和页脚还好，但是中间的图片（about下部分的文字图片）都需要浮动，不设置指定宽度没办法居中而且随着浏览器大小变化，浮动的位置也变了，设置了宽度可以设置居中，但是上一级div就崩塌了如果设置了overflow:hidden ,那么如果浏览屏幕太小时就有一半隐藏看不见了，浏览器太大浮动元素是居中的，两边就不能跟页眉页脚对齐。所以这个题目感觉只有把整体页面设置一个宽度，如果设置100%，请问有什么办法可以解决上面的问题？

weixin_慕UI515575 2020-02-12

源自：前端油画商城案例 4-3 项目作业

收起

1回答

好帮手慕美 2020-02-12 14:16:46

同学，你好。可以将ABOUT整体区域的width设置为100%，中间部分可以将左中右内容放在一个div中，将该div设置固定宽度并水平居中即可。在浏览器正常大小情况下实现效果即可。

如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~

收起回答

提问者 weixin_慕UI515575 #1

是这样没错，比如6张图，每张图都有文字说明的那个，我就是放在div中的（设置的固定宽度）外面的div是100%和页眉一样，但是一旦浏览器比我设置的这个宽度还大的时候，页眉页脚是自动适应，那么这个固定宽度的就只能居中，边界就不能跟上面对齐来。浏览器小于设置的这个宽度时，要么就隐藏一部分内容（无滚动条，设置超出隐藏），要么就是图片区域宽度比页眉页脚还宽（滚动条向左拖动时）。

2020-02-12 15:05:45
提问者 weixin_慕UI515575 #2

是向右拖动时，右边中间的内容宽，上下的页眉页脚变空白

2020-02-12 15:07:24
好帮手慕美回复提问者 weixin_慕UI515575 #3

同学，你好。同学是说两行四列的那部分吗？可以将4小块内容所在的div宽度设置为25%，图片和文字的宽度设置为100%。或者同学可以将作业提交，作业写完提交后会有专业的老师进行批复，会指出作业中存在的问题及如何解决。祝学习愉快~~~~

2020-02-12 16:15:03