讨论题:浮动相关的问题讨论

讨论题:浮动相关的问题讨论

1、为什么要用浮动?
浮动可以实现块级元素在同一排显示的效果,并不丢失块级元素的属性,在网页开发时,可以更好的书写网页,使网页代码更有条理性
2、为什么要清除浮动?
浮动会对相邻的元素产生影响,所以使用浮动时,必须清除浮动,让使用浮动的元素对页面设计不会有影响。
3、清除浮动有哪几种方式?优缺点是什么?
(1)在浮动元素的父元素上设置overflow:hidden;
优点:简单易操作
(2)在浮动元素后添加一个空的块级元素,设置clear:both;
缺点:会使浮动元素的margin失效,但可以在添加的元素上设置height实现margin的效果
(3).clearfix:after{content:’ ';clear:both;display:block;}
缺点:较复杂
优点:便于重复使用,只需要在需要清除浮动的元素容器上设置class=“clearfix”;即可
(4)在需要清除浮动的元素上设置clear:both;
缺点:浮动元素的margin失效
4、怎么根据场景选择清除浮动的方式?
在一个大型网页设计中,我认为使用.clearfix:after比较适合

正在回答 回答被采纳积分+1

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

1回答
好帮手慕久久 2021-02-21 11:43:14

同学你好,讨论题需要同学们到讨论区,通过相互讨论来验证自己的答案或他人的答案是否正确,讨论区进入方式如下:

http://img1.sycdn.imooc.com//climg/6031d45c09b4611818610560.jpg

论题的目的就让大家通过讨论、查资料等方式扩展自己的知识点和思路。由于讨论区中,答案有很多,同学也可以通过其他人的答案来扩充自己的答案。“自学”这一技能在实际开发中是非常重要的,所以老师们特意出了一些讨论题,目的就是锻炼大家这一项技能,同学要利用好讨论区哈~

同学的回复中,老师有一点疑惑:清除浮动的第二种方式(添加一个空元素,并设置clear:both;)会造成浮动元素的margin失效,这个结论同学具体是指什么?老师验证了一下,不会使margin失效:

http://img1.sycdn.imooc.com//climg/6031d608092f841f06380579.jpg

http://img1.sycdn.imooc.com//climg/6031d6270934469b17190417.jpg

同样,第四点也说了marign会失效。

同学再验证一下该点,然后可以将答案发到讨论区等待其他人给自己评论,或者看下其他人的答案能不能补充自己的。

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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