Question

我试图将这两个div并排但不成功。指导我如何让这两个div并排排列。我知道这可以通过明确做到：两者都做不到。我的尝试是：

http://jsfiddle.net/rizwan1969/hkrryt8w/

CSS

#wrapper{
    width:950px;
    margin:0 auto;
    }
    #messgae{
    width:650px;
    float:left;


    }
    #sidebar-one{

    width:260px;
    float:left
    }

Plz给我一个小提琴来学习这个。感谢

Answer 1

你的CSS中有拼写错误。#messgae改为#message

按如下方式更改CSS

#wrapper{
    width:950px;
    margin:0 auto;
    }
    #message{
    width:650px;
    float:left;


    }
    #sidebar-one{

    width:260px;
    float:left
    }

选中此fiddle

Answer 2

CSS

#wrapper{   width:950px;    margin:0 auto; }
#message{   width:650px;    float:left; }
#sidebar-one{   width:260px;    float:left }

HTML

<body>    <div id="wrapper">
    <div id="message"> This is messgae div</div>
    <div id="sidebar-one"> This is Sidebar One</div>    </div> </body>

在CSS浮动，清除和定位方面需要帮助

2 个答案: