05_03.IE6LI间隙bug

最新推荐文章于 2021-08-05 12:10:16 发布
最新推荐文章于 2021-08-05 12:10:16 发布
阅读量334 收藏
点赞数
分类专栏： XHTML+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cigarangle/article/details/38326887
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		body{margin: 0;}
		ul{margin: 0;padding: 0;list-style: none;}
		a{text-decoration: none;}
		
		.list{width: 300px;}
		/*
			bug:当li内元素浮动后，li之间出现间隙。
			解决方法：如下注释部分。
		*/
		.list li{height: 30px;line-height: 30px; border: 1px solid red;font-size: 15px;/*vertical-align: top;*/}
		.list a{float: left;}
		.list li span{float: right;}
	</style>
</head>
<body>
	<ul class="list">
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
		<li><a href="">书名书名书名书名</a><span>作者</span></li>
	</ul>
</body>
</html>

大史叔叔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙
似水流年
03-31 703
在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙 ul{margin:0;padding:0;width:302px;} li{ list-style:none;height:30px;border:1px solid #000; vertical-align:top;} a{width:100px;float:left;height:30px;backgr
解决IE6、7下li之间有间隙
小牛牛的博客
02-20 395
li{ vertical-align:top/bottom; }
IE6常见CSS解析Bug及hack
mrchengzp的博客
10-21 545
IE6常见CSS兼容问题总结 1)图片间隙 A)div中的图片间隙(该bug出现在IE6及更低版本中) 描述：在div中插入图片时，图片会将div下方撑大三像素。 hack1:将与写在一行上； hack2:将转为块状元素，给添加声明：display:block; B)dt,li中图片间隙（IE6） hack:将转为块状元素，给添加声明：display:block; img设置对
IE6兼容性问题及IE6常见bug详细汇总
codepython的专栏
09-07 504
1、IE6怪异解析之padding与border算入宽高  原因：未加文档声明造成非盒模型解析  解决方法：加入文档声明  2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）  解决方法：display:inline  3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面
JavaScript 常见IE6bug
lei2350934xj的博客
07-05 133
JavaScript 常见ie6bug 目录注意是IE61.双倍外边距问题 描述：如果一个盒子,加了浮动又加了margin值,很容易出现双倍外边距问题 解决：给盒子加上display:inline;从而出发ie内部机制 2.ie6图片底边会有像素间隙问题 描述：一个图片插到一个盒子里面，图片和盒子完全一样大，但是图片总是底下有像素的间距 解决： 方法1.将
打印时显示ie6以上服务器,IE6兼容性问题及IE6常见bug详细汇总
weixin_35797900的博客
08-05 220
1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面与下面，怎么分？IE6就会与其它的不同...
ie6,ie7,ie8 css bug兼容解决记录
Frey_Yang的博客
12-02 445
1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许
IE 列表li间的间隙BUG
luoke920
04-29 82
在IE 6上，当li元素包含块级元素，并代码中各li项之间有空格存在，那么将会出现这个BUG。 xhtml 代码如下: &lt;ul&gt; &lt;li&gt;&lt;a href="/"&gt;List item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/"&gt;List
IE6下常见的bug 调整页面兼容性
LisenYang的专栏
07-23 1094
ie6下常见的bug 我们布局页面，首先符合标准，如何写一个页面的标准性？ 但是ie6等浏览器本身就比较特殊，bug比较多，兵法云，知己知彼百战百胜。我们需要了解ie6的一些常见bug，这样，更好的调试兼容性，下面小强老师就把一些常见的ie6bug列出来，大家去研究下。 考虑结构的稳定性 最常见的问题就是网页元素位置混乱，错位。 1.1.1.DOCTYPE 必须有
ie6中li插入图片后下方有空隙(经典bug）多种解决方法
12-13
ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。 首先附上代码： 复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-...
IE6兼容性大全
10-25
- **垂直列表间隙bug**：当`<li>`包含块级子元素时，IE6可能会添加额外的间距。解决方法是为`<li>`应用`float:left`或`display:inline`。 这些技巧和解决方案是应对IE6兼容性问题的关键，帮助开发者确保他们的网站...
web前端开发基本问题解决
05-08
IE6的双倍边距BUG IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中...
Css复习题 (2).docx
11-26
- 双补丁浮动Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug，这些通常是IE中的问题。 10. CSS布局模型： - Flow Model（流动模型）：元素按照正常的文档流排列。 - Float Model（浮动模型）：元素浮动以便...
Css复习题.docx
11-26
- 双倍浮动边界Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug都是Firefox特有的CSS问题。 10. CSS布局模型： - Flow Model：元素按正常的文档流排列。 - Float Model：元素浮动以创建多列布局。 - Layer ...
06_02.绝对定位absolute、层级
大史哥哥
08-22 4029
Document /* 1.元素设置position:absolute后，元素脱离文档流 2.元素设置position:absolute后，元素具有float的特性 3.元素设置position:absolute后，元素以最近的已设置position属性的父级元素为基准进行偏移；如没有符合条件的父级元素，则以整个文档为基准 4.层级用z-index:[number]设置，数
06_04.遮罩效果（滤镜+div）
大史哥哥
08-23 889
Document body{margin: 0;} .cover{width: 100%;background: black; height: 100%;position: absolute;top: 0;left: 0;} /*滤镜*/ .cover{opacity: 0.5;} /*兼容IE7、8*/ .cover{filter:alpha(opacity:50);} /*
04_01.float
大史哥哥
05-29 500
Document .a{width: 100px;height: 100px;background: red;float: left;} .a1{width: 50px;height: 50px;background: black;} .b{width: 200px;height: 200px;background: blue;} .b1{width: 120px;heig
03_03.inline-block
大史哥哥
05-29 487
Document img{width: 100px;height: 50px;} div{display: inline-block;width: 100px;height: 100px;background: red;} span{display: inline-block;width: 100px;height: 100px;background: blue; } 1
#解析数据 detail_selector = parsel.Selector(detail_html) title = detail_selector.css('.b_crumb_cont *:nth-child(3)::text').get() comment = detail_selector.css('.title white::text').get() view_count = detail_selector.css('.view_count::text').get() date = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.when > p > span.data::text').get() days = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.howlong > p > span.data::text').get() money = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.howmuch > p > span.data::text').get() character = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.who > p > span.data::text').get() play_list = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.how > p > span.data > span::text').getall() for play in play_list: print(play) print(title, comment, view_count, date, days, money, character, play_list, detail_url) time.sleep(random.randint(3,5))这段代码为什么只能输出最后一个网站的内容，应该怎么修改
最新发布
06-12
date = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.when > p > span.data::text').get() days = detail_selector.css('#js_mainleft > div.b_foreword > ul > li.f_item.howlong > p > ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值