CSS网页布局问题:li上多出的margin问题

day天空一样蓝

day天空一样蓝

2016-02-20 00:06

有了下面这个CSS网页布局问题:li上多出的margin问题教程,不懂CSS网页布局问题:li上多出的margin问题的也能装懂了,赶紧get起来装逼一下吧!

不知道大家知道这个问题不,在ie6的情况。假如ul中的li被设置了浮动,而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出现)。

解决方法:

1.请不要设置ul的padding,可以用margin代替,实在不行只能嵌套解决。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

2.给ul设置zoom:1;overflow:hidden

3.设置ul的宽度或者高度

问题原因:ie6(或7)在这种情况下,ul的没有获得layout,致使奇怪问题出现。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS网页布局问题:li上多出的margin问题

Web开发
CSS网页布局问题:li上多出的margin问题

CSS网页布局困扰新手的问题

Web开发
CSS网页布局困扰新手的问题

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css网页布局中注意的几个问题

Web开发
css网页布局中注意的几个问题

CSS教程:网页空格引起网页布局间距问题

Web开发
CSS教程:网页空格引起网页布局间距问题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

IE与FF不兼容网页布局CSS问题

Web开发
IE与FF不兼容网页布局CSS问题

简述CSS网页布局中外边距叠加问题

Web开发
简述CSS网页布局中外边距叠加问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS:网页表单实现鼠标悬停交互效果

CSS:网页表单实现鼠标悬停交互效果

解决Windows 7系统故障的方法

解决Windows 7系统故障的方法
下拉加载更多内容 ↓