BUG描述
BUG示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <meta name="robots" content="noindex"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Disappearing List Background Bug Demo - hasLayout.net by Zoffix Znet</title> <style type="text/css"> body { background: #fff; color: #000; } ul { clear: both; list-style: none; } a { display: block; width: 50px; text-align: center; color: #FFF; float: left; background: #f00; } #two a { font-size: 18px; } #three { font-size: 15px; } </style> <ul> <li><a href="#">我的</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul> <ul id="two"> <li><a href="#">我的</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul> <ul id="three"> <li>我的</li> <li>two</li> <li>three</li> </ul>
BUG截图
BUG解决：
添加
li { display: inline; }