css中的浮动

Original 2019-01-17 16:46:27 195
abstract:<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>css中的浮动</title>    &n
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>css中的浮动</title>
    <style type="text/css">
    ul li{list-style:none;width: 100px; height:40px; 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>
</ul>
<div class="clear"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>


Correcting teacher:查无此人Correction time:2019-01-17 16:49:26
Teacher's summary:浮动我看到了,不过代码好像不完整。下次要上传完整,继续加油。

Release Notes

Popular Entries