Question

我只需要任何人帮助请:( 我会尝试将2个div放在旁边，但它不会起作用:(

这里是CSS：

.bookmarktrick {
    margin: 1px;
    padding: 0;
    clear: both;
}

.header {
    padding-top: 10px;
    text-align: center;
    background-color: white;
    margin: 0 auto;
    width: 20%;
    float: none;

    padding-bottom: 15px;

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-style: solid;
    border-color: white;
}

这是HTML：

<div class="header">Some text</div>

<div class="bookmarktrick">Hello World</div>

我希望Bookmark div位于标题旁边（左侧或右侧）。标题位于页面中间。

这是一张用于理解的图片 http://www7.pic-upload.de/04.05.14/zjsrg7ifn4ul.png

Answer 1

1）切换标记中元素的顺序如下：

<div class="bookmarktrick">Hello World</div>
<div class="header">Some text</div>

2）在bookmarktrick

上设置float:right

<强> FIDDLE

Answer 2

您也可以在这两个元素上使用float:left;或float:right;。

HTML，CSS：旁边有2个div？

2 个答案: