CSS基础-20CSS定位-浮动

来源:互联网 发布:mac os yosemite 下载 编辑:程序博客网 时间:2024/06/06 02:34
<!DOCTYPE html><!--CSS定位-浮动--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <link href="css02.css" type="text/css" rel="stylesheet"></head><body><div id="rongqi">    <div id="id1"></div>    <div id="id2"></div>    <div id="id3"></div>    <div id="id4">s</div></div></body>

</html>

css:

#id1{    width: 100px;    height: 100px;    background-color: hotpink;    /*向左浮动*/    float: left;}#id2{    width: 100px;    height: 100px;    background-color: aqua;    float: left;}#id3{    width: 100px;    height: 100px;    background-color: darkgoldenrod;    float: left;}#rongqi{    width: 310px;    height: 400px;    background-color: lightblue;}#id4{    //去掉浮动    clear: left;}


0 0
原创粉丝点击