返回css的浮动...登陆

css的浮动

OK2019-06-15 14:49:0532

<!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相对定位


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网