zoukankan      html  css  js  c++  java
  • 布局

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    *
    {
    margin:0px;
    padding:0px;}
    #a{
    100px;
    height:100px;
    top:50px;
    left:40px;
    background-color:#0F0;
    position:relative;}
    /*absolute:当使用时,表示在文档流中没有实际存在位置(浮动),在不设置任何方位值时,只能按兵不动,当设置了方位值之后,会紧接着去寻找距离最近的能够将它包含住的父级元素,然后进行定位。*/

    /*relative:当使用时,表示在文档中确实占有一定的空间,在不设置任何方位值时,会出现在应该出现的位置(空间),当设置了方位值之后,会在应该出现的位置上进行上、下、左、右的形状位移,而实际上还是占有应该占有的位置(空间)*/
    #b{
    100px;
    height:100px;
    background-color:#FF0;
    position:relative;
    }
    </style>

    </head>

    <body>123456789
    <div id="a"></div>
    12345678912345678912345678912345678912<br />
    345678912345678912345678912345678912345<br />
    678912345678912345678912345678912345678<br />
    9123456789123456789123456789123456789
    <div id="b"></div>


    </body>
    </html>

  • 相关阅读:
    ES6基础知识
    浏览器相关的前端知识
    JavaScript基础知识汇总
    HTML(超文本标记语言)基础知识汇总
    CSS相关基础知识汇总
    NYOJ 737 石子合并(一)
    HDU 1051 Wooden Sticks
    NY 325 zb的生日
    HDU 2068 RPG的错排
    HDU 1284 钱币兑换问题
  • 原文地址:https://www.cnblogs.com/lulichao/p/5770493.html
Copyright © 2011-2022 走看看