Original link: http://blog.163.com/[email protected]/blog/static/22928525201031211212955/
Test Case:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Untitled Document </title>
<style type= "Text/css" >
#wrapper {width:500px; Background-color: #99CC00; overflow:hidden;}
#left {width:100px; height:100px; background-color:blue; float:left;}
#right {width:100px; height:100px;background-color:yellow; float:right;}
li{Overflow:hidden;}
</style>
<body>
<div id= "wrapper" >
<div id= "left" >left</div>
<div id= "right" >right</div>
</div>
<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5 </li></ul>
</body>
Overflow clear float + remove dot dot of li tag
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
