圣杯布局,两边的布局不会自动?

圣杯布局,两边的布局不会自动?

采用圣杯布局,如果中间自适应的部分高度调高了,两边的部分不会跟着变高,还是保持原来的高度,于是下面出现留白,这是怎么回事?怎么解决?

比如说我在中间部分插入一张图片,但是这个图片的高度远大于原来设定的高度,于是中间部分高度自动变高了,但是两边不变,多出来的高度空白。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2018-05-24 11:18:53

你好,中间的内容,过多会把本身的高度撑开,但是两边的内容不过,所以是不会撑开的呀。这里在存放内容之前,设计的时候,就要把存放的东西计划好哦。所以设置的高度是多少的话,也是要计算好的哦。或者可以通过后期学习js之后,动态获取下中间的高度,然后把高度赋值给两边。

祝学习愉快~

好帮手慕糖 2018-05-21 10:30:19

你好,因为你两边设置的固定的高度,所以说是不会变的哦,建议:可以给中间部分设置超出隐藏,这样图片就不会超出。如果设置了固定的高度的话,图片比中间部分高度高的话,图片会超出,所以不太清楚你说的把中间部分高度撑大的情况,是没有设置固定的高度吗?或者直接给图片设置固定的宽高。这里可以根据具体情况,结合代码来进行设置哦。

祝学习愉快~

  • 提问者 网猿泰山 #1
    就是我按照教程设置了两边块的height和min-height ,但是比如我打了足够多的字,然后调整页面大小,中间部分会自动调整高度,但是两边的不会,只会将超出部分留白。
    2018-05-24 06:58:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师