使用边距对齐 HTML div

Question

我正在使用它们的边距属性来对齐 div

CSS 是这样的

#top
{
    width:1000;
    height:150;
}

#left
{
    margin-left:0;
    margin-top : 150;
    width:200;
    height:500;
}

#right
{
    text-align:center;
    margin-left:200;
    margin-top:150;
}

我希望顶部 div 位于页面顶部，左侧 div 向左，右侧 div 向右。但是这里有一些严重的错误。右边的 div 远低于左边的 div。

Answer 1

对于左右 div 使用:float:left;

fiddle 链接:http://jsfiddle.net/7fjk3wxs/

CSS:

div {
    border: 1px solid #000;     
}

#top
{
    width:100%;
    height:150;
}

#left
{
    float: left;
    text-align:center;
    width: 20%;
}

#right
{
    float: left;
    text-align:center;
    width: 79%;
}