欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    左右对齐-使用float方式
 
    我们也可以使用float属性来对齐元素:
 
    实例
 
.right {
 
    float: right;
 
    width: 300px;
 
    border: 3px solid #73AD21;
 
    padding: 10px;
 
}
 
    当像这样对齐元素时,对<body>元素的外边距和内边距进行预定义是一个好主意。这样可以避免在不同的浏览器中出现可见的差异。
 
    注意:如果子元素的高度大于父元素,且子元素设置了浮动,那么子元素将溢出,这时候你可以使用"clearfix(清除浮动)"来解决该问题。
 
    我们可以在父元素上添加overflow:auto;来解决子元素溢出的问题:
 
    实例
 
.clearfix {
 
    overflow: auto;
 
}
 
    当使用float属性时,IE8以及更早的版本存在一个问题。如果省略!DOCTYPE声明,那么IE8以及更早的版本会在右侧增加17px的外边距。这似乎是为滚动条预留的空间。当使用float属性时,请始终设置!DOCTYPE声明:
 
    实例
 
body {
 
    margin: 0;
 
    padding: 0;
 
}
 
 
 
.right {
 
    float: right;
 
    width: 300px;
 
    background-color: #b0e0e6;
 
}

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r63606.shtml