добавить фон CSS в div

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, как показано на изображении

Изображение 174551

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

  • 0
    как это сейчас показывает?
Теги:

5 ответов

3
Лучший ответ

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

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

Из спецификации модуля CSS:

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

Во-вторых, когда плавающие элементы вам нужно очистить после этого, так как плавание выводит их из контекста страницы. Для этого мы можем обратиться к " Какие методы" clearfix "можно использовать? ,

Поделиться
  • 0
    @captain. Я отредактировал свой ответ, добавив исправление и ссылку на stackoverflow.com/questions/211383/… . :-)
  • 0
    Я не думаю, что clearfix была проблема с clearfix. Можете ли вы уточнить немного? Проблема была в том, что div обрабатывается с нулевой высотой, когда он содержит плавающие элементы.
Показать ещё 6 комментариев
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>

Попробуй это. В вашем контейнере есть плавающие div, поэтому он отображается с 0 высотой.

Поделиться
1

Добавить в родительский div haslayout:

  1. overflow:hidden
  2. div:after{content:''; display:block; clear:both;}
Поделиться
0

Как это

демонстрация

CSS

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

}
Поделиться
0 
<div style="width:100%;padding:3px;background:#000;text-align:right;">
    <input type="button" value="Click" />
    <input type="button" value="Cancel" />
</div>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню