使用边距的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;

小提琴链接：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%;
}

Answer 2

您需要使用float属性：

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

#right
{

    float:right;
    margin-top:150px;
}

JS FIDDLE DEMO