为了账号安全,请及时绑定邮箱和手机立即绑定
这老师很强,2014年的视频,我2024年才看到。
跟些文章一样 不简练
讲的略拖沓,个人感觉
传说的幽默风趣这个样子?
有些人到了一定境界就傻勒
大家这么牛 你存在的意义是什么
扯犊子专业 一到讲知识就含糊 大家一时没听清楚 就自己整 或者大家都是聪明人 很好理解的
至于为何是2000px宽,那是因为现在的屏幕也就1920px是常规,很少大于 2000px的屏幕浏览网页。所以考虑到这些问题,设置的宽,比最大值大一点,也就凑个整数,没啥刻意的。
你要想的话,也可以大于2000px;反正越大越好。
display: table-cell; *display: inline-block; width: 2000px; *width: auto;

不要理这么多,把它当规范,当成这种布局的公式,跟随张大佬的脚步。
关于为何 display: table-cell; width: 2000px; 为何要设置这么长,我查到了:

在本例demo中,右侧内容足够多,所以宽度完整的撑开了,如果内容有限,则宽度就是内容的宽度,此时想要让某个元素(例如关闭按钮)右侧定位就会有问题,解决方法就是定义一个非常宽的宽度,就像上面facebook截图中的CSS属性一样


传送门:https://www.jianshu.com/p/a1cf75448b43
这里,关于右浮动带来的ie7兼容问题的解决方法
①不改变dom,给“左侧”套上元素标签,并左浮动,形成左右浮动
<div>
<span style="float: left">左侧</span>
<span style="float: right">右侧</span>
</div>

②改变dom位置,也就是将右浮动的元素放到前面:
<div>
<span style="float: right">右侧</span>
左侧
</div>
第二个,按照文档流布局,确实dom没有变,因为如果不添加float。
那么div(文本区)+a(头像图)是上下,正常的布局。
然后因为float了,所以两者可以共享一行了。

为什么说第一个dom变了,因为,正常文档流,是从上到下,从左到右的,但是a(头像图),把它放到前面了,就,效果是从左到右,但是dom却是从右到左
笑死我了哈哈哈哈
老师好搞笑
首页上一页1234567下一页尾页
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
通过追溯CSS/HTML发展历史,知道Float出现的原本作用是什么,从而可以帮助我们解答很多疑惑。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消