#clearDiv::after{......}

#clearDiv::after{......}

清除的后面所有的吗,还是这是后面一个,第二就不受影响?

clear:both  是这个区域左右两边不出现浮动,但是视频里面是下一个不浮动了,上一个还是浮动?怎么理解左右两边?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好!

老师这里写了一个例子:

代码:

http://img1.sycdn.imooc.com//climg/5e33ea5809a354eb04820195.jpg

div1-div4都是浮动的,clear清除浮动:

http://img1.sycdn.imooc.com//climg/5e33ea48093de88410980757.jpg

左右都不能有浮动的元素,左右是指:

http://img1.sycdn.imooc.com//climg/5e33ea89097d774311910757.jpg

你可以理解为这里清除浮动类似于一个分割线。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~


好帮手慕柯南 2020-01-30 16:47:07

同学你好!

  1. ::after在元素内容之后插入一个内容

  2.  #clearDvi::after的意思就是在id为clearDiv的div后面添加一段内容,其实你可以将after中的内容当作时clearDiv的一部分。

  3. 左右两边你可以理解为div.clearDiv的左右两边都不可以有浮动的元素。

    div.clearDiv独占一行。所以它的左右两边时没有浮动的元素的。浮动的只是上面的元素

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~


  • 提问者 明月_0 #1
    div.clearDiv是两边都不可以有浮动元素, 假如: 1 2 3 4 5 6 都是浮动的 6个div,#3::after,在3后面添加了内容。是234浮动,还是3456浮动,还是什么情况?
    2020-01-30 17:29:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师