Изменение заливки блока при отсутствии в нём текста

@radioegor146 · Регистрация: 14.11.2013

Допустим у меня есть такой код:

HTML5

<div class="outer">
  <div class="inner">
    Hello, world!
  </div>
</div>

CSS

.outer {
  height: 256px;
  width: 100%;
}
 
.inner {
  margin: 1%
}

Вопрос: Как сделать так, что бы при неимении текста в div inner он был залит внутри outer? Т.е. полностью заполнял div outer с отступом в 1%.

@Kenworth · 22.09.2016, 17:27

дай "background" классу "outer"

Добавлено через 7 минут
А вообще лучше так:

CSS

.outer {
  height: 256px;
  width: 100%;
  background: red;
  padding: 1%
}

а у ".inner" - % убрать вообще

@Kotopso · 22.09.2016, 17:37

В .outer ширину можно тоже убрать, т.к. <div> блочный элемент по умолчанию всю доступную ширину окна занимает.

@Kotopso 0 / 0 / 0 Регистрация: 22.09.2016 Сообщений: 4
	22.09.2016, 17:37	3
	В .outer ширину можно тоже убрать, т.к. <div> блочный элемент по умолчанию всю доступную ширину окна занимает. 0

Опции темы