fangjing19881116原创教程：div+css使用技巧

div+css是网页排版中不可或缺的，在这里总结了一下工作中遇到的一些这方面的问题，以及这些问题的解决方法，在这里一起与大家分享(*^__^*) 嘻嘻……
1，ul方面的问题：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部

的div撑大，导致页面变形，这就需要我们在写代码的时候不要忘记 ul{margin:0px; padding:0px;}

2,img方面的问题：这里牵涉的不同浏览器的问题，ie6是一直让网页设计师最头疼的一个问题，关于图片

，这里有一个小小的问题，有时ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这

一点 img{ display：block}

3，overflow方面问题：有时我们会看到，一些公司的注册协议都是好长好长的，但又不能把页面拉的太

长，这就用到了overflow，我们可以把div的style里加上这个：overflow：auto

4，小窗口弹出的问题：当我们点击某个按钮，可能会看到一个小窗口弹出，而窗口其它的部分都变了灰

色，这是怎么实现的呢，其实很简单div+css就可以实现：
css部分：
.black_overlay
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=50);
}
.white_content
{
    display: none;
    position: absolute;
    top:20%;
    left: 30%;
    width:outo;
    background-color: white;
    z-index: 1002;
    overflow: auto;

}

.white_content2
{
    display: none;
    position: absolute;
    top: 20%;
    left: 18%;
    width:896px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align: center;
}
.qpshcom
{

    background-color: #efefef;
    color: #666666;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    margin: 6px;
    padding: 6px;
    font-size: 14px;
    line-height: 200%;
    float: midden;
}