为了账号安全,请及时绑定邮箱和手机立即绑定

一课全面掌握主流CSS布局

难度初级
时长 5小时 0分
学习人数

最新回答 / 差不多菇凉ing
是的,因为右侧的宽度设置的是100%,position用于调整显示层级,将left显示在上面

最赞回答 / 慕沐2277007
是的,这节确实有问题,right的宽度还是100%

最赞回答 / 969999666696
因为 text-align 对作为块级元素的子元素无效,但子元素的文本会继承 text-align 的效果导致该文本在子元素内水平居中。

最新回答 / 德玛西亚之前端
td标签(display:table-cell)1) td默认继承tr的高度,且平分table的宽度2) 若table(display:table)不存在,给td设置的宽高不能用百分比只能用准确的数值3) 给td设置vertical-align: middle; td元素里面(除float、position:absolute)所有的块级、非块级元素都会相对于td垂直居中4) 给td设置text-align: center; td元素里面所有非block元素(除float、position:absolute...

最新回答 / ccyy_阿亮
你自己再加个parent-fix容器,设置该容器“display: table; width: 100%”。因为你目前的表宽是根据单元格内容大概200px和width设置值100%算出来的。如果不显式设置table宽度,根据单元格的内容和单元格的width设置去算总列宽,总列宽会作为表宽。如果显示式设置了table宽度,跟上面一样要算出总列宽。如果表宽大于总列宽,会把多余的分配给列;如果表宽小于总列宽,表宽会被忽略,总列宽会作为表宽。这两条规则其实不太严谨,中间过程会更复杂,具体去查相关资料吧~

最赞回答 / 慕粉3959400
查了一下,可以给right-fix的 width属性设置为 width:calc(100% - 400px),同时left上的position也不用写了,calc()自适应布局属性是css3新增。个人踩坑补充一下,calc支持加减乘除,但是运算符号左右两边必须要有空格

最新回答 / HuiAzir
这是因为 border-box 计算的宽度 = content+padding+border

最新回答 / 沧海的雨季
不是父级元素, 是根据层级一层一层一直找,找到不为static的元素, 没有的话再相对html定位

最新回答 / ccyy_阿亮
左浮动元素设置左右外边距的区别:设置左外边距会有位移,而设置右外边距没有位移(其实会影响下一个浮动元素的位置),相同点就是负值达到浮动元素原本宽度后可能就跳到上一行了。跳到上一行是有前提的,具体去查浮动规则,前面有一节视频中右盒子上不去的原因也可以查浮动规则。右浮动设置左右外边距也类似,自己可以写个例子试试。你的右盒子margin-right设为-300px;就可以了。设置的100%,极端情况下会有问题,比如父元素宽度小于右盒子宽度。

最赞回答 / 搬砖不下力不如回家去种地
div是块级元素,中间的div没有设置浮动,后面的div只能另起一行或者转为行内块
¥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习,掌握每一个知识点。
老师告诉你能学到什么?
(1)居中布局:水平居中、垂直居中 (2)多列布局:两列布局、三列布局、圣杯布局、双飞翼布局 (3)全屏布局:等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号:908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消