Как по середине сделать этот синий квадрат ? И что вообще это такое и что означает ? Спасибо за помощь
Чтобы фон второго блока был виден, задавайте внутренние отступы.
box-sizing и padding нужно задать для input.
Спасибо!
Для блока 2 наоборот внутренний отступ 20px, а внешний - 18px.
Ещё раз спасибо! Полдня промучился, но без Вас не справился.
Теперь 100%1
Спасибо! Очень помогли
А так нормально?
.block1 {
box-sizing: border-box;
width: 100%;
border: 2px solid white;
height: 118px;
}
.block2 {
box-sizing: border-box;
width: 480px;
height: 78px;
margin: 18px;
padding: 20px;
}
input {
box-sizing: border-box;
width: 440px !important;
padding: 10px;
}
нет, потому что вот это
очень плохо. Плохо, потому что !important и плохо, потому что ширину задали в пикселях - а на протяжении трех предыдущих заданий речь шла о том, как создавать тянущиеся на всю ширину родителя элементы
А, да раз плюнуть) плохо задавать стили через атрибут в html)
я так написал не потому что не знаю как в % задать, мне так наоборот удобнее. один раз уже потратил пол дня из-за неясности в задании, теперь и в % и в рх сразу пробую, скинул тот, который был последним
input {
box-sizing: border-box;
width: 100%;
padding: 10px;
}
спасибо за замечание)