Question

我的要求看起来很简单，但我不确定这里有什么问题。

我有div并且在其中我有2个div ..我无法正确漂浮它..

HTML

<div id="navigation">
    <div id="cart-id">cart</div>
    <div id="acct-id">acct</div>
</div>

CSS

html,body{
    height:100%;
    width:100%;
    margin:2;
}
#navigation{
    width:5%;
    background-color:red
}

#cart-id{
  float:right;
  font-weight:bold;
  padding-top:.5%;
  margin-right:5%;
  color:green;
}

JSFiddle

Answer 1

卸下：

width:5%;

解决您的问题。

或将其宽度更改为更高的

Answer 2

可行..但仅当屏幕为全屏时，您应该#navigation宽度从5% 到 10%宽度。并且您发现li's是floated right。

<强> Demo 1

如果您希望向右浮动导航栏，则应在float:right而不是#navigation上设置<li>

<强> Demo 2

Answer 3

你的宽度不够大。改为：

#navigation{
    background-color:red
}

Answer 4

还要注意缺少的＆＃39 ;;＆＃39;在该行的末尾：

background-color:red

无法在div中浮动元素

4 个答案: