css的浮动

Original 2019-06-15 14:49:05 231
abstract:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css的浮动</title> <link rel="shortcut icon" type="image/x-icon" href="i

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>css的浮动</title>

<link rel="shortcut icon" type="image/x-icon" href="images/wwc.jpg">

<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>我问问</li>

     <li>极速代码</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>

position定义元素在页面中的位置的 relative相对定位


Correcting teacher:天蓬老师Correction time:2019-06-15 17:15:49
Teacher's summary:浮动与定位, 是我们用来布局的二大利器, 用得好, 受益无穷, 用不好, 到处是坑, 唯有多写多看才行的

Release Notes

Popular Entries