Граница не распространяется на всю страницу? css

Это мой код CSS. но по какой-то причине длина границы составляет только половину страницы и я хочу, чтобы его продлили до конца страницы.

section.courses {
  float: left;
  width: 760px;
  border-right: 1px solid #eeeeee;
  margin-left: 30%;
}

СПАСИБО

Из-за этого margin-left: 30%;

Athul Nath 11.04.2018 12:49

маржа за пределами границ

Paulie_D 11.04.2018 12:50
4
2
79
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Чтобы ваше border-right распространялось до конца страницы (то есть до низа страницы), высота section.courses должна быть равна полной высоте страницы. Вы можете попробовать присвоить этот код

section.courses
{
    float:left;
    width:760px;
    border-right: 1px solid #eeeeee;
    margin-left: 30%;
height: 100vh;
}

Это не сработает, я не понимаю, в чем проблема, я думаю, что что-то не так с моим кодом.

R. Al 11.04.2018 13:15

Вам следует попробовать добавить

высота: 100vh

И контейнер будет расширяться, расширяя также границу

Другие вопросы по теме