为了账号安全，请及时绑定邮箱和手机立即绑定
首页 一课全面掌握主流CSS布局 问答

一课全面掌握主流CSS布局

KingJ 全栈工程师
查看讲师更多课程 KingJ讲师的其他课程
难度初级
时长 5小时 0分
学习人数
全部 评论 问答 未解决 精华
爱学习的王一啵啵
有用能听懂，哈哈哈哈
0 7-2 三列布局实现方式补充
2020-04-02
爱学习的王一啵啵
老师讲的真的不错，整理的很好，哇。超值。会关注的
1 6-1 什么是三列布局
2020-04-02
慕码人9569303
用绝对定位来做，很简单
0 7-3 圣杯布局的解决方案
2020-03-06
慕码人9569303
通过给父元素设置float:left然后父元素设置position:relative;left:50%，子元素设置position:relative；left:-50%来实现水平居中。
0 2-8 水平居中布局的第三种解决方案优点与缺点
2020-03-05
BirdMan98
目前的技术我实现过，但都没用过。。。。
0 7-1 什么是圣杯布局及特点
2020-02-29
张焕标33
对加深布局理解还是有帮助的~
0 13-1 没有一招鲜吃遍天的解决方案
2020-02-13
ahu1
margin-left：auto；
0 5-4 两列布局的第一种解决方案优点与缺点
2020-01-30
梅孝亮
课程很好，对我很有帮助
0 9-2 等分布局的第一种解决方案
2020-01-17
FYL_天道酬勤
#parent{
height: 600px;
line-height: 600px
}
父级高度固定的话，这样也能垂直居中
0 3-2 垂直居中布局的第一种解决方案
2020-01-16
DemiMurphy
#left 删除：position:relative；#right 使用 margin-right： -150px 向右偏移 替代 margin-left，也可以实现同样的效果。
0 5-5 两列布局的第一种解决方案的优化版
2020-01-06
DemiMurphy
属性拼写错误，不是 text-algin，而是 text-align。
0 2-2 什么是水平居中布局
2020-01-06
慕粉3959400
个人认为弹性盒子布局实现圣杯模式是最方便最快速且不用担心移动端的适配问题。而css grid网格，并不是所有浏览器都支持，所以，暂时不太建议大规模使用。老师讲的这个方法，面试的时候准备准备还是很有好处的。
0 7-3 圣杯布局的解决方案
2020-01-02
慕粉3884565
如果说，项目需要进行兼容性处理就不能用flex，比如说ie
0 3-2 垂直居中布局的第一种解决方案
2019-12-29
Aciwi
加一个选择器 :not(:first)不就解决了第一个padding问题了吗
1 9-6 等分布局的第二种解决方案修改版
2019-12-25
芈峰
不是margin属性值无效，而是margin的auto值失效
0 2-6 水平居中布局的第二种解决方案优点与缺点
2019-12-22
首页上一页1234下一页尾页
￥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习，掌握每一个知识点。
老师告诉你能学到什么？
（1）居中布局：水平居中、垂直居中 （2）多列布局：两列布局、三列布局、圣杯布局、双飞翼布局 （3）全屏布局：等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号：908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消