请问如果布局方式改变一下呢

请问如果布局方式改变一下呢

将圣杯布局里的左右不分放在container外面,双飞翼布局的左右放在main里面,这会导致什么问题的布局呢,试了一下,有的元素会移动到找不到位置啊貌似,老师能不能详细解释一下啊

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

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

1回答
好帮手慕慕子 2019-04-03 16:27:55

 同学你好,这里可以这样理解

  1.  圣杯布局和双飞翼布局解决的问题是一样的, 就是两边宽度度定, 中间栏宽度自适应的三栏布局。这种经典的布局,它的的布局方式是固定的,建议同学可以回顾老师的视频,多练习几遍, 加深自己的理解哦

  2. 圣杯布局 需要将middle部分首先放在container中,然后是left 和right

    http://img1.sycdn.imooc.com//climg/5ca46d990001674d03850244.jpg

  3. 双飞翼布局需要将main放在最前面, 其次是left right部分

    http://img1.sycdn.imooc.com//climg/5ca46db40001b06503860242.jpg

  4. 这两种布局方式原理差不多, 就是三栏全部float浮动,但是左右两栏加上负margin让其与中间的div并排,以形成三栏布局。

  5. 圣杯布局主要通过设置.container的左右内边距, 给左右侧内容留位置, 双飞翼布局通过设置.main下子元素左右外边距给两侧内容留位置, 所以这两种方式如果改变了布局方式, 元素的位置就会发生改变

如果帮助到了你, 欢迎采纳
祝学习愉快~~~


  • 提问者 浮沉幻听 #1
    两种布局我是知道怎么设置的老师,就是想尝试看看左右拿出来和放进去的话,怎么才能设置成两边定宽中间自适应的布局。。
    2019-04-03 16:44:15
  • 好帮手慕慕子 回复 提问者 浮沉幻听 #2
    这两种布局是经过实践总结出来的, 比较适合解决这种情况的方案哦。建议:同学可以将你写的代码粘贴过来, 方便老师准确的定位和解决问题。
    2019-04-03 17:06:32
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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