1, HTML+DIV+CSS 0 Basic Quick start to Production Enterprise Station Video course _18 box model [floating calculation]
1 <!DOCTYPE HTML>2 <HTMLLang= "en">3 <Head>4 <MetaCharSet= "UTF-8">5 <title>Clear floating</title>6 <style>7 Ul,li{8 List-style-type:None;9 margin:0px;Ten padding:0px; One } A Li{ - float: Left; - padding:20px 40px; the Background-color:#ff8800; - Border-right:1px solid Red; - } - . Clear{ + Clear: Left; - } + </style> A </Head> at <Body> - <ul> - <Li>1</Li> - <Li>2</Li> - <Li>3</Li> - <Li>4</Li> in <Li>5</Li> - <Li>6</Li> to <Li>7</Li> + <Li>8</Li> - <Li>9</Li> the <Li>10</Li> * </ul> $ <Divclass= "Clear"></Div>Panax Notoginseng <imgsrc= "Http://real2.s-angels.com/images/sample/m241_hibiki/thumb/model_top.jpg"> - </Body> the </HTML>
1, HTML+DIV+CSS 0 Basic Quick start to Production Enterprise Station Video course _18 box model [floating calculation]