日期:2014-05-17  浏览次数:20668 次

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

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



HTML code

<!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