127期单双中特
7×24小时咨询热线: 18035619101

css样式之inline-block元素

 发布日期:2013/10/7 来源:http://www.ssjqb.tw
 

如下图,为什么和设为inline-block元素平级的浮动元素会掉下来?


这个问题其实是这样的,题主没有表述清楚:

第一张图,div.float在右边,是因为你的ul没有清除内部li浮动的影响,ul本身的高度没有撑开,所以,虽然ul的宽度是占整行的,但是高度为0,这时候div.float会按照ul的高度为顶部对齐向左浮动,被浮动的li元素卡住了位置,所以显示在右侧, 你可以给ul手动设定一个高度(?#28909;?0px),可以更清晰的看清状态,这是正常的情况


设置ul为inline-block以后,ul本身变成了一个?#24515;?#22359;,不再占据整行,高度也撑开了,而且因为ul不是浮动元素,所以div.float会浮动到ul左侧,这也是正常的情况


至于你说的给ul设置了inline-block以后,div.float会掉下来,一般情况下是不会出?#32456;?#31181;状况的,除非是外部容器整体宽度不够,浮动元素会换?#20449;?#21015;,那?#27425;?#20160;么没设置inline-block的时候宽度是够?#21738;兀?可能是因为inline-block元素产生的多余空白间隙,正好导致超出了外部容器的宽度。

相关新闻

七年的用心服务让我们赢得了众多客户的尊重和赞誉,也让我们更加贴近客户,了解客户!
18035619101
127期单双中特 二分彩是什么意思 3d开奖号码 中彩彩票群 现在抢购什么东西赚钱 北京赛车 重庆百变王牌游戏平台 七星彩 青海福彩快3走势图 海南飞鱼开奖历吏记录 江西多乐彩即时开奖