IE6/IE7下ul左浮动后li的左边距增大的解决方法:

最新推荐文章于 2022-11-10 11:46:22 发布
最新推荐文章于 2022-11-10 11:46:22 发布
阅读量122 收藏
点赞数
原文链接：http://www.cnblogs.com/dfbb/p/10037397.html
版权

将ul下li的list-style-position设置为outside，li内的文字即可恢复原状回到最左边。

转载于:https://www.cnblogs.com/dfbb/p/10037397.html

weixin_30564901
关注
HTML5面试题
YaToue
04-10 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式是一种向后兼容的解析方法。 触发...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   <html> <head> <title></title> </head> <bod...
（转）E6/IE7下ul左浮动后li的左边距增大的解决方法
lk_lxn的专栏
08-03 882
在IE6/IE7下，将左浮动后，内部的li会出现左边距增大的情况，如图： 正常的效果如下图所示： ie6下的效果下图所示：左侧边距明显变大，且无法使用margin,padding控制。 解决方法： 将ul下li的list-style-position设置为outside，li内的文字即可恢复原状回到最左边
html左浮动 左外边距,07-05(06|07)作业 外边距、内边距、浮动、定位的应用
weixin_42299131的博客
06-04 636
一、外边距margin实例html>content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">内边距对盒子内容区的影响*{margin:0;padding:0;}body{background-color:#E9EAED;}.b...
li浮动引起ul高度坍陷的解决方法
weixin_30498921的博客
05-18 99
　　我们都知道float在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。元素浮动之后，它脱离当前正常的文档流，所以无法撑开其父元素，造成父元素的高度塌陷。如下的代码就是li向左浮动后，ul高度坍陷，所以border就显示为一条线。代码、效果如下： 1 <!DOCTYPE html> 2 <html lang="en"...
IE6下 左浮动ul自动产生左边距问题
shenjingbing_007的博客
01-04 521
一，如下图，这里是2个左浮动ul，两个ul外面有一个父亲div。ul没有设置左边距。在其他浏览器是正常的（ul左边和上图对齐）。 .section03 .ulDiv .leftUl{width: 500px;margin-bottom: 40px;} .section03 .ulDiv .rightUl{width: 500px;margin-bottom: 40px;} 二，然而
[Web前端] 给li设置float浮动属性之后，无法撑开外层ul的问题。
weixin_33971977的博客
07-03 410
cp from : https://www.cnblogs.com/cielzhao/p/5781462.html 最近在项目中有好几次遇到这个问题，感觉是浮动引起的，虽然用&lt;div style="clear:both"&gt;&lt;/div&gt;解决了，但自己不是特别明白，又在网上查了相关内容，是因为给li设置了浮动之后它就脱离当前正常的文档流，所以没办法撑开外层ul的高度。 以下...
IE6/IE7中li底部4px空隙的Bug
12-13
总之，这个IE6/IE7的`<li>`底部4px空隙Bug是由于浏览器解析CSS时的非标准行为导致的，开发者可以通过理解这个Bug的产生条件，并结合使用上述解决方法，来避免或修复这个影响列表布局的问题。在进行跨浏览器兼容性...
前端面试题汇总
weixin_42023243的博客
11-10 4794
前端面试题
css-让我们再深入一点看看ul-li结构里的浮动和绝对定位（float & absolute）
weixin_34113237的博客
12-21 1750
有哪里不懂的，请在下面留言，我每天都看，有时间我会一一解答，看评论区也许有人提出了跟你同样想问的问题，可以看看我给出的回答，不用重复提问。 浮动和绝对定位的基础知识网上随处可见，请自行查阅资料，本篇是帮助你在某场景下正确的用上你学到的知识、在莫名其妙前面找出问题所在、在做什么的时候可能会出现这样的问题、进一步的规范的css，本篇如出现错误，还劳烦请您在评论区指出，在此先表示感谢。 浮动里面的浮...
ul li标签浮动之后居中
m0_37909187的博客
02-07 2691
li标签浮动 ，调整左右的margin 一样就可以居中，也可以使用  ul父及元素设置display: flex li子元素设置 flex-grow: 1 浮动居中 *{ margin: 0; padding: 0; } .top{ width:1200px; height: 300px; margin: 0 auto; backgrou
如何解决ul中li的边距问题
热门推荐
Dami103的博客
12-14 1万+
在使用css经常遇到li右边距多出导致换行的问题。 解决方法1：div溢出隐藏、ul负边距。 .clearfix{clear: both;overflow: hidden;} .box{width: 1200px;margin: auto;} li{list-style: none;
UL里的LI元素左浮动层一行显示时，使其居中
wust_star的专栏
09-18 1202
在制作页面是，li浮动是很常用的，一般情况也不用其居中，但有时，其特殊原因需要居中，这是就有点犯难了，这里有了一个很好的解决方法，主要是用了相对定位的原理。 在ul外报一层，使其相对定位，再ul相对定位，距左50%，li相对定位，距右50%就实现了li左浮动后海居中显示。 无标题文档 div, ul, li { margin: 0; padding: 0; border
vmware workstatiions pro 17.6.1个人使用免费，不用证书直接安装使用
最新发布
11-18
虚拟机vmware workstatiions pro 17.6.1个人使用免费，不用证书直接安装使用
scipy-1.2.0-cp35-cp35m-linux_armv7l.whl
11-18
scipy-1.2.0-cp35-cp35m-linux_armv7l.whl
CSS hack策略：兼容IE6/7/Firefox的浏览器兼容解决方案
在网页设计中，确保跨浏览器的兼容性至关重要，尤其是在IE6、IE7和Firefox这三大主流浏览器占据市场的情况下。CSS（层叠样式表）在不同浏览器的解析和应用存在差异，因此，针对这些浏览器的特性和问题，开发人员需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值