最新
我要提问
发布笔记
依然
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> ul li{list-style:none;width:100px;line-height:40px;text-align:center;background-color:#ccc;margin: 0px 1px;float:left;} .box1{width: 200px;height: 200px;background-color: pink;;float:right;} .clear{clear:both;} </style> </head> <body> <ul> <li>html</li> <li>css</li> <li>javaScript</li> <li>jquery</li> <li>php</li> <li></li> </ul> <div class="clear"></div> <div class="box1">div1</div> <div class="box1">div2</div> <div class="box1">div3</div> </body> </html>
4年前 0
宇宙
float:right;向右浮动。clear:both;清除浮动
4年前 1
float 浮动属性:左或右 clear清除浮动:both全部
看过该课程的同学也在学
依然
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> ul li{list-style:none;width:100px;line-height:40px;text-align:center;background-color:#ccc;margin: 0px 1px;float:left;} .box1{width: 200px;height: 200px;background-color: pink;;float:right;} .clear{clear:both;} </style> </head> <body> <ul> <li>html</li> <li>css</li> <li>javaScript</li> <li>jquery</li> <li>php</li> <li></li> </ul> <div class="clear"></div> <div class="box1">div1</div> <div class="box1">div2</div> <div class="box1">div3</div> </body> </html>
4年前 0