Maison > interface Web > tutoriel HTML > 为什么ie6下li之间会出现空隙?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:12:23
original
956 Les gens l'ont consulté

为什么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>
Copier après la connexion


回复讨论(解决方案)

div fl是不是浮动的?

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

谢谢高手,果然好用

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal