05_03.IE6LI间隙bug

最新推荐文章于 2021-08-05 12:10:16 发布
最新推荐文章于 2021-08-05 12:10:16 发布
阅读量348 收藏
点赞数
分类专栏： 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>

大史叔叔
关注
专栏目录
06_02.绝对定位absolute、层级
大史哥哥
08-22 4069
Document /* 1.元素设置position:absolute后，元素脱离文档流 2.元素设置position:absolute后，元素具有float的特性 3.元素设置position:absolute后，元素以最近的已设置position属性的父级元素为基准进行偏移；如没有符合条件的父级元素，则以整个文档为基准 4.层级用z-index:[number]设置，数
在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙
似水流年
03-31 717
在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 415
li{ vertical-align:top/bottom; }
IE6常见CSS解析Bug及hack
mrchengzp的博客
10-21 574
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 529
1、IE6怪异解析之padding与border算入宽高  原因：未加文档声明造成非盒模型解析  解决方法：加入文档声明  2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）  解决方法：display:inline  3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面
JavaScript 常见IE6bug
lei2350934xj的博客
07-05 157
JavaScript 常见ie6bug 目录注意是IE61.双倍外边距问题 描述：如果一个盒子,加了浮动又加了margin值,很容易出现双倍外边距问题 解决：给盒子加上display:inline;从而出发ie内部机制 2.ie6图片底边会有像素间隙问题 描述：一个图片插到一个盒子里面，图片和盒子完全一样大，但是图片总是底下有像素的间距 解决： 方法1.将
打印时显示ie6以上服务器,IE6兼容性问题及IE6常见bug详细汇总
weixin_35797900的博客
08-05 273
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 478
1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许
IE 列表li间的间隙BUG
luoke920
04-29 93
在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 1120
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-...
06_04.遮罩效果（滤镜+div）
大史哥哥
08-23 910
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 514
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 499
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
01_02.设置编辑器编码
大史哥哥
05-14 494
本人所用为sublime编辑器。设置sublime编码格式：1.ctrl+alt+p 2.输入"settings-default" 3.查找"default_encoding"  4. 将其值改为"utf-8"
03_02.块元素与内联元素
大史哥哥
05-29 462
Document /*块元素*/ body,h1,h6,p,dl,dd{margin: 0;} h1{width: 100px;height: 100px;background: red;} p{width: 100px;height: 100px;background: blue;} ul,ol{margin: 0;padding: 0;} ul{width:
05_02.IE6双边距bug
大史哥哥
07-31 438
Document body{margin: 0;} .wrap{float: left;border: 10px solid red;background: yellow;} /* bug：当子块级元素有浮动且有横向margin值时，子块级元素在浮动方向的margin值，扩大两倍。 解决方法：如下注释部分↓↓ */ .box{float: left;wid
#解析数据 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、付费专栏及课程。

余额充值