首页  >  文章  >  web前端  >  为什么ie6下li之间会出现空隙?_html/css_WEB-ITnose

为什么ie6下li之间会出现空隙?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:12:23903浏览

为什么ie6下li之间会出现空隙?

demo 地址:http://www.my-demo.info/question/



<!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"><head><title>page title</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="stylesheet_010_oocss.css" type="text/css" rel="stylesheet"/><style type="text/css">..addresses {    margin-left: 10px;}.addresses li {    width: 187px;    height: 62px;    border-left: 1px solid #BFA888;    border-bottom: 1px solid #BFA888;    font-size: 14px;    color: #242424;    cursor: pointer;    position: relative;}</style></head><body><ul id="addresses" class="addresses fr">	<li address_book_id="1" class="address_item">		<div class="num fl">1</div>		<div class="main">		<div class="name">dssdfsdf </div>		<div class="address"></div>		</div>	</li>	<li address_book_id="4" class="address_item"><div class="num fl">2</div><div class="main"><div class="name">juming2 lin2</div><div class="address">Gg. Maju Mundur - Building Part 332</div></div></li>	<li address_book_id="5" class="address_item"><div class="num fl">3</div><div class="main"><div class="name">juming3 lin3</div><div class="address">Gg. Maju Mundur - Building Part 332</div></div></li>	<li address_book_id="20" class="address_item current"><div class="primary_address">p</div><div class="num fl">4</div><div class="main"><div class="name"> ff</div><div class="address"></div></div></li><li class="add_address last_item"><a href="http://localhost/index.php?main_page=address_book_process">Add Address</a></li></ul></body></html>


回复讨论(解决方案)

div fl是不是浮动的?

参考下
http://hi.baidu.com/849653727/item/45dc76f9a9c5e3603c14859f

谢谢高手,果然好用

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn