Home >Web Front-end >HTML Tutorial >Why is there a gap between the li in IE6? _html/css_WEB-ITnose
Why is there a gap between li in ie6?
demo address: 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>
Is div fl floating?
For reference
http://hi.baidu.com/849653727/item/45dc76f9a9c5e3603c14859f
Thank you master, it really works