0
當由鉻,野生動物園,火狐& IE認爲這一看起來很好。與移動瀏覽器股利佈局變化
當手機上的Android手機看風景看起來好像沒什麼,查看縱向和列表重疊容器的底部。
爲什麼以及如何解決?
<style>
div.test {color:black; text-align:left; border-radius:15px; -moz-border-radius:15px; border:2px solid #000; background-color:#808080; }
ul#navlist {width:80%; \width:80%; w\idth:80%; padding:15px; border-top:0px; margin:0px; color:#ffffff; font:10pt verdana,helvetica,arial,sans-serif; }
ul#navlist li {list-style:none; }
ul#navlist li a {display:block; padding:4px 8px 4px 8px; border-left:20px solid #808080; background:#808080; text-decoration:none; text-align:left; font:bold 10pt verdana,helvetica,arial,sans-serif; }
ul#navlist li a:link {color:#fff; }
div#nav li a:visited {color:#fff; }
ul#navlist li a:hover {border-color:#fff; color:#ffffff; background:#202020; }
</style>
<div class="test" style="position:absolute; top:30px; left:10px; width:485px; height:580px">
<div id="nav" ><ul id="navlist"><b> DEMO</b>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
<li><a href="#">TEST Entry</a></li>
</ul></div></div>
千萬不要這麼想! 謝謝 – JeffVader