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

一课全面掌握主流CSS布局

KingJ 全栈工程师
查看讲师更多课程 KingJ讲师的其他课程
难度初级
时长 5小时 0分
学习人数
全部 评论 问答 未解决 精华

如果是7列等分的话，如何解决每一列的宽度值呢？

已采纳回答 / 差不多菇凉ing
可以选择用第二种解决方法，table-cell会自动分配相等的值，不用自己计算
1 回答 718 浏览 9-2 等分布局的第一种解决方案
2020-04-04
爱学习的王一啵啵
一般情况下最后一列和最右也会有间距的吧
0 9-4 等分布局存在空白间距的情况
2020-04-02
爱学习的王一啵啵
有用能听懂，哈哈哈哈
0 7-2 三列布局实现方式补充
2020-04-02
爱学习的王一啵啵
老师讲的真的不错，整理的很好，哇。超值。会关注的
1 6-1 什么是三列布局
2020-04-02

两列布局float+margin的优化方案最后左侧还是覆盖了右侧

最新回答 / 差不多菇凉ing
是的，因为右侧的宽度设置的是100%，position用于调整显示层级，将left显示在上面
1 回答 853 浏览 5-4 两列布局的第一种解决方案优点与缺点
2020-03-30

这节课程有问题

最赞回答 / 慕沐2277007
是的，这节确实有问题，right的宽度还是100%
1 回答 590 浏览 5-5 两列布局的第一种解决方案的优化版
2020-03-23

display: table-cell; text-align: center;为啥不能实现水平居中

最赞回答 / 969999666696
因为 text-align 对作为块级元素的子元素无效，但子元素的文本会继承 text-align 的效果导致该文本在子元素内水平居中。
3 回答 971 浏览 3-2 垂直居中布局的第一种解决方案
2020-03-10

没有inner会有元素覆盖，加了inner后，就不会有了，原因是什么？

已采纳回答 / 可谢谢您嘞
我也是新人 我的理解是 首先inner也是div标签 那么会继承父级标签的宽度 也就是默认整个屏幕的宽度 这个情况下是有重叠的 但是他给#inner设置了CSS样式（margin-left,margin-right），也就是左外边距和右外边距。所以正好就不跟left和right的div标签有重合了。
1 回答 687 浏览 8-2 双飞翼布局的解决方案
2020-03-06
慕码人9569303
用绝对定位来做，很简单
0 7-3 圣杯布局的解决方案
2020-03-06

这种问题的原理和解决办法是什么呢？

+ 我来回答 回答最高可+2积分
1 回答 491 浏览 5-4 两列布局的第一种解决方案优点与缺点
2020-03-05
慕码人9569303
通过给父元素设置float:left然后父元素设置position:relative;left:50%，子元素设置position:relative；left:-50%来实现水平居中。
0 2-8 水平居中布局的第三种解决方案优点与缺点
2020-03-05

为什么要学登高布局？

已采纳回答 / 慕码人9569303
因为有的时候，元素的高度是不确定的，实际开发中，可能会不断的改变，设定死的话，不利于后期的维护
1 回答 709 浏览 10-3 等高布局的第二种解决方案
2020-02-29

网页布局问题

已采纳回答 / 慕无忌4210317
这个布局应该是指容器的布局位置，中间部分有的需要放内容需要自适应。
1 回答 438 浏览 7-3 圣杯布局的解决方案
2020-02-29
BirdMan98
目前的技术我实现过，但都没用过。。。。
0 7-1 什么是圣杯布局及特点
2020-02-29

这个编辑器是什么名字，可以下载吗

已采纳回答 / 慕函数634682
vscode，下载地址 https://code.visualstudio.com/
1 回答 465 浏览 2-3 水平居中布局的第一种解决方案
2020-02-27
张焕标33
对加深布局理解还是有帮助的~
0 13-1 没有一招鲜吃遍天的解决方案
2020-02-13
首页上一页1234567下一页尾页
￥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习，掌握每一个知识点。
老师告诉你能学到什么？
（1）居中布局：水平居中、垂直居中 （2）多列布局：两列布局、三列布局、圣杯布局、双飞翼布局 （3）全屏布局：等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号：908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消