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

已采纳回答 / _西口褡裢_
display:table-cell会触发BFC,作用是清除浮动影响,例子当中内容少体现不出,当文字足够长你就可以发现文字开始包围图片了(禽兽,放开vivian~)

已采纳回答 / 普雅果
仔细检查代码,box3的css样式设置中,没有添加float:left,添加之后,box4就会上移占据box2,3的空间

已采纳回答 / 程序刁
那不是间距 是 由于 空格带来的基线冗余  实际是行距  删除空格 或者 将文字大小font-size:0即可

已采纳回答 / 阿阿金
buttons[index].style[("cssFloat" in trigger.style)?"cssFloat":"styleFloat"]="left"写成这样再看一下in用来判断某个属性是否属于某个对象,就是用来判断cssFloat属性是否属于trigger.style对象

已采纳回答 / 小奇爱吐槽
display:table之后,标签并没有变成table,而是有了table类似的属性,比如自动包裹内容,自成一行等等。但是毕竟还不是table,所以和table的样式没有关系。

已采纳回答 / 叶0528
id为father的div,原为块状元素(display:block;),独占一行。当{display:table-cell}或{display:inline-block;}时,#father变为行内元素(display:inline-block;),不能独占一行,{margin:0 auto;}就失效了。设计一个左右大小相互适应的布局,css可以参考如下:#father{ width:80%; height:600px; margin:0 auto}#left{ width:20%; height:60...

已采纳回答 / 兔子鱼
不同的浏览器以及同一浏览器的不同版本对 align 属性的某些值的处理方式是不同的。HTML 4.01 不推荐使用 align 属性,XHTML 1.0 Strict DTD 不支持该属性,同时 HTML 5 也不再支持该属性。

已采纳回答 / 李晓健
img放在P标签中是不会出现环绕效果,例如图片在前面,文字在后面,结果会是图片右边只有一行字,其他的字都在图片的下面,图片的右边除了一行字其他的地方是空白。如果图片用了float:left  图片的右边就会有多行字。当图片右边高度都放满字后,文字才会出现在图片的下面。这才是真正的环绕效果。

已采纳回答 / 六月时光
也不是唯一吧,还能有很多种写法的,这个很随意都行

已采纳回答 / 啟明
针对的是img那个对象看的,图片首先设置了float:left,右边的文字就贴近了图片,为了美观给img加上外边距也就是 margin 0 10px 5px 0 为了是让右侧的文字离开一定的距离

已采纳回答 / 慕渣渣
给父元素设置了宽高,那么父元素不会塌陷; 如果设置了宽度没有设置高度,会塌陷,宽度值还是你设定的值,高度为0; 如果没有设置宽高,发生塌陷,宽度为页面宽度,高度为0
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
通过追溯CSS/HTML发展历史,知道Float出现的原本作用是什么,从而可以帮助我们解答很多疑惑。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消