将css背景添加到div

Question

我有以下文档结构，

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

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

任何帮助都将受到高度赞赏

Answer 1

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

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

来自CSS Color Module specification：

  

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

其次，当浮动元素之后需要清除它们时，浮动将它们从页面的上下文中取出。为此，我们可以参考What methods of ‘clearfix’ can I use?。

Answer 2

<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>

试试这个。您的容器包含浮动的div，因此它呈现为0高度。

Answer 3

添加到父div haslayout：

1. overflow:hidden
2. div:after{content:''; display:block; clear:both;}

Answer 4

<div style="width:100%;padding:3px;background:#000;text-align:right;">
    <input type="button" value="Click" />
    <input type="button" value="Cancel" />
</div>

Answer 5

喜欢这个

<强> demo

<强> CSS

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

}