元素设置float属性后,其后面的元素的位置问题
发布时间:2020-12-14 19:49:42 所属栏目:资源 来源:网络整理
导读:分两种情况: } .two{ background-color: #3dfeca; } .content1 .one,.content2 .one{ height:50px; } 一,后面的元素是块级元素---block the folowing element is block; second div idv idv div div div div div div div div 如果给第一个class为one的设置
分两种情况: }
.two{ background-color: #3dfeca; } .content1 .one,.content2 .one{ height:50px; } 一,后面的元素是块级元素---block
the folowing element is block;
second div idv idv div div div div div div div div
如果给第一个class为one的设置了float,.two的div会占据.one div的位置,但是字不会重叠。.two中的字会跟在.one中字的后面排列出来如图1所示,(注意:如果.two的宽度不够大的话,字会被挤到下一行,如图2所示,)
图1 图2 二,后面的元素是行内元素--inline 如果后面的元素是行级元素的话,在给第一个元素设置float后,后一个元素不会占据前一个元素的位置。而是乖乖的跟在后面。例如: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |