css中的浮动

Original 2019-01-29 15:35:17 229
abstract:<!DOCTYPE html><html><head>         <meta charset="utf-8">         <title>css的浮动</title>    &n

<!DOCTYPE html>

<html>

<head>

         <meta charset="utf-8">

         <title>css的浮动</title>

         <link rel="sortcut icon" type="image/x-icon"                           href="image/logo.png">

         <style type="text/css">

         ul li{list-style: none;width: 200px;height: 90px;line-height: 90px;text-algin: center;background-color: red;margin: 5px 5px;float: left;}

         .box{width: 100px;height: 100px;background-color: pink;float: left;}

         .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="box">div1</div>

         <div class="box">div2</div>

         <div class="box">div3</div>

</body>

</html> 

          

          

Correcting teacher:天蓬老师Correction time:2019-01-29 16:14:40
Teacher's summary:浮动最初的作用是用来进行图片与文件的排版, 不过,现在主要是用业布局

Release Notes

Popular Entries