CSS定位“十字架”之水平垂直居中

2020-05-01 09:48:32易采站长站整理

            background-color: #3c510c;   
            left:50%;   
            position: absolute;   
            margin:0 0 0 -25px;   
        }   
    </style>  
</head>  
<body>  
    <div class="body_main">  
        <div class="row_div">横向的div</div>  
        <div class="clou_div">竖直的div</div>  
    </div>  
</body>  
</html>  

div默认的宽度是100%,当div绝对定位以后,其宽度是按照div中内容的宽度。

总结:

css中的绝对定位是相对于最近已定位的祖先元素进行定位,如果元素没有已经定位的祖先元素,那么位置相对于初始的包含块进行定位。