добавить CSS фон для Div

Я следующая структурой документа,добавить CSS фон для Div

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

но не дает мне результат я want.I хочу фон повторять через сОн тело, как в показан на рисунке

enter image description here

Любая помощь будет высоко оценен

источник

2013-10-07 Dipak Ingole

, как это показывается? –

Во-первых, вы теряете 0. #00000 не правильный код шестнадцатеричный цвет. Коды цветов Hex должны содержать 3 или 6 шестнадцатеричных цифр. Чтобы решить эту проблему, просто добавьте 0 (или удалить два из 0s):

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

От CSS Color Module specification:

Формат значением RGB в шестнадцатеричной системе счисления является «#» сразу после либо тремя шестью шестнадцатеричными символами. Трехзначная нотация RGB (#rgb) преобразуется в шестизначную форму (#rrggbb) путем репликации цифр, а не путем добавления нулей. Например, # fb0 расширяется до # ffbb00. Это гарантирует, что белый (#ffffff) может быть задан с помощью короткой нотации (#fff) и удаляет любые зависимости от глубины цвета дисплея.

Во-вторых, когда плавающие элементы вам нужно очистить после этого, так как плавание выводит их из контекста страницы. Для этого мы можем обратиться к What methods of ‘clearfix’ can I use?.

источник

2013-10-07 09:18:47

@captain Я отредактировал свой ответ с дальнейшим исправлением и ссылкой на http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best. :-) –

Я не думаю, что 'clearfix' был здесь. Можете ли вы немного разобраться?. Проблема заключалась в том, что div получает рендеринг с нулевой высотой, когда он содержит плавающие элементы. –

@captain имеет нулевую высоту *, потому что * плавающих элементов. «Clearfix» исправляет это, растягивая содержащий элемент на полную высоту. –

Добавить в родительском сНу haslayout:

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

источник

2013-10-07 09:18:42 Anon

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

источник

2013-10-07 09:19:04 geevee

<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 высотой.

источник

2013-10-07 09:19:45 KURN

Как это

demo

CSS

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

}

источник

2013-10-07 09:37:07 falguni

добавить CSS фон для Div

ответ

Смежные вопросы