Question

在以下示例http://cssdesk.com/G5q4V中，我不理解以下内容：

在名为#boxOne的div中，我首先有一个链接，然后是包含输入和链接的div（#formloc）。虽然第一个链接（“Appliquer une localization”）首先在我的html中编写，但它显示在div #formloc之后。我想先显示它。希望有人能提供帮助。提前感谢您的回复。干杯。马克。

Answer 1

您还需要浮动链接：

#boxOne a {float:left}

Answer 2

而不是将你的＃formloc div浮动到左边......

#formloc{
    background-color:#f4f4f4;
    padding:5px;
    width:auto;
    float:left;
    border-radius:3px;
}

将其display属性设置为“inline-block”，如下所示：

#formloc{
    background-color:#f4f4f4;
    padding:5px;
    width:auto;
    display: inline-block;
    border-radius:3px;
}

这会将div放在div之前，方法是将div放在链接中，而不是将其浮动到所有内容的左侧。

Answer 3

Salut Marc，

问题在于：

#formloc{
    background-color:#f4f4f4;
    padding:5px;
    width:auto;
    float:left;  /* <!--- float */
    border-radius:3px;}

因为您正在浮动此块，它会重新定位在您的链接前面。

类似于Diodeus的解决方案，除了他的CSS会导致“＃formloc”中的A链接也浮动，我认为这不是你想要的。

只需对Diodeus代码添加一些小改动：

#boxOne > a{  /* add child selector (>) to select only first children */
    float:left;
}

机会！ =）

css位置序列问题

3 个答案: