讨论题:浮动相关的问题讨论
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
同学你好,讨论题需要同学们到讨论区,通过相互讨论来验证自己的答案或他人的答案是否正确,讨论区进入方式如下:
讨论题的目的就让大家通过讨论、查资料等方式扩展自己的知识点和思路。由于讨论区中,答案有很多,同学也可以通过其他人的答案来扩充自己的答案。“自学”这一技能在实际开发中是非常重要的,所以老师们特意出了一些讨论题,目的就是锻炼大家这一项技能,同学要利用好讨论区哈~
同学的回复中,老师有一点疑惑:清除浮动的第二种方式(添加一个空元素,并设置clear:both;)会造成浮动元素的margin失效,这个结论同学具体是指什么?老师验证了一下,不会使margin失效:
同样,第四点也说了marign会失效。
同学再验证一下该点,然后可以将答案发到讨论区等待其他人给自己评论,或者看下其他人的答案能不能补充自己的。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星