0

我有以下文件结构，

<div style="background:#000000;">
    <input type="button" style="float:right" value="click here"/>
    <input type="button" style="float:right" value="click here"/>
</div>

但不要给我想要的结果。我希望背景在 div 主体上重复，如图所示

在此处输入图像描述

任何帮助将不胜感激

4

5 回答 5

3 
<div style="background:#000; overflow: hidden">
    <input type="button" style="float:right" value="click here"/>
    <input type="button" style="float:right" value="click here"/>
</div>

尝试这个。您的 Container 包含浮动 div，因此其呈现为 0 高度。

于 2013-10-07T09:19:45.970 回答
3

首先，您缺少 0.#00000不是有效的十六进制颜色代码。十六进制颜色代码必须包含 3 个或 6 个十六进制数字。要解决此问题，只需添加一个 0（或删除两个 0）：

<div style="background:#000000;">
    ...
</div>

来自CSS 颜色模块规范：

十六进制表示法的 RGB 值的格式是一个“#”，后跟三个或六个十六进制字符。三位 RGB 符号 (#rgb) 通过复制数字而不是添加零转换为六位形式 (#rrggbb)。例如，#fb0 扩展为 #ffbb00。这确保了白色 (#ffffff) 可以用短符号 (#fff) 指定，并消除对显示器颜色深度的任何依赖。

其次，当浮动元素时，您需要在之后清除它们，因为浮动会将它们从页面的上下文中取出。为此，我们可以参考我可以使用哪些“clearfix”方法？.

于 2013-10-07T09:18:47.217 回答
1

添加到父 div haslayout：

  1. overflow:hidden
  2. div:after{content:''; display:block; clear:both;}
于 2013-10-07T09:18:42.387 回答
0

像这样

演示

css

.divbg{
background-color:black;
    height:22px;
    padding:5px;
}
.divbg input{
    float:right;

}
于 2013-10-07T09:37:07.137 回答
0 
<div style="width:100%;padding:3px;background:#000;text-align:right;">
    <input type="button" value="Click" />
    <input type="button" value="Cancel" />
</div>
于 2013-10-07T09:19:04.233 回答