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

一课全面掌握主流CSS布局

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

已采纳回答 / 差不多菇凉ing
可以选择用第二种解决方法,table-cell会自动分配相等的值,不用自己计算

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

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

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

已采纳回答 / 可谢谢您嘞
我也是新人 我的理解是 首先inner也是div标签 那么会继承父级标签的宽度 也就是默认整个屏幕的宽度 这个情况下是有重叠的 但是他给#inner设置了CSS样式(margin-left,margin-right),也就是左外边距和右外边距。所以正好就不跟left和right的div标签有重合了。

已采纳回答 / 慕码人9569303
因为有的时候,元素的高度是不确定的,实际开发中,可能会不断的改变,设定死的话,不利于后期的维护

已采纳回答 / 慕无忌4210317
这个布局应该是指容器的布局位置,中间部分有的需要放内容需要自适应。

已采纳回答 / 慕先生xuyu
1.可以设置百分比宽度。2.根据媒体查询 设置不同分辨率下 输入框的固定宽度如下:@media screen and (max-width: 1920){input.xxx{width: 200px}  }@media screen and (max-width: 1780){input.xxx{width: 180px}  }

最新回答 / 德玛西亚之前端
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支持加减乘除,但是运算符号左右两边必须要有空格
¥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习,掌握每一个知识点。
老师告诉你能学到什么?
(1)居中布局:水平居中、垂直居中 (2)多列布局:两列布局、三列布局、圣杯布局、双飞翼布局 (3)全屏布局:等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号:908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消