div的总结

最近写的前台标签div经验都在这里面

<div style="margin: 0 0 0 0;height: 85%; overflow: hidden;">

        <span style="font-weight: bold; margin: 0.5em 0em 0em 0.5em;">请选择部门</span>
        <div style="margin: 1em 0em 0em 0.5em; padding: 0em 0em 0em 0.5em;" >
            <div id="departmentTree" name="departmentTree" style="background: white; width: 40%;"></div>
        </div>
    </div>
    <div style="height: 15%;">
        <div style="width: 20%">
            <div >
                <button id="textButton1" onclick="open_selectDate()">
                    <span class="k-icon k-i-plus "></span>提交
                </button>
                <button id="textButton2" onclick="open_selectDate()">
                    <span class="k-icon k-i-plus "></span>取消
                </button>
            </div>
        </div>

    </div>

看看css盒模型，下图！

margin是 DIV与周边元素的距离

padding是 DIV里边内容与这个DIV的距离

1)margin的四个值顺序：从上右下左，顺时针方向。

2)overflow从字面意义上来讲就是溢出的意思，

换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐藏。
auto是默认值，根据内容剪切或者加滚动条。
scroll就是总加滚动条。

3)

css定义鼠标样式，其中cursor属性包括auto: 正常鼠标 crosshair: 十字鼠标 default: 默认鼠标 pointer: 点状鼠标 move: 移动鼠标 e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标 text: 文字鼠标 wait: 等待鼠标 help: 求助鼠标 progress: 过程鼠标 inherit: 继承