Съезжает блок.Судя по Assets все размеры верны и код нормальный.Что делать?

Question

[Olii]

Съезжает блок.Судя по Assets все размеры верны и код нормальный.(возможно с размерами что-то не то).Блок title и welcome явно уезжают.

html:
joxi.ru/xAeLGKbspZado2

css:
.container{
width: 1500px;
height: 3365px;
margin: 0 auto;
}

.header{
background-color: #abeafa;
width: 1500px;
height: 700px;
padding-top: 1px;
box-sizing: border-box;
}

.logo{
width: 125px;
height: 111px;
margin-top: 24px;
margin-left: 234px;
}

.title{
width: 313px;
height: 169px;
margin-top: 243px;
margin-left: 913px;
}

.welcome{
background-color: #fff51f;
width: 270px;
height: 300px;
/*margin-top: 336px;
margin-left: 165px;*/
margin-right: 1065px;
margin-bottom: 64px;
}

joxi.ru/E2pzvyKF98Jzkr
Результат: joxi.ru/J2b6eWbIXvLzN2

Comments

[oops-wrong]

Залейсте, пожалуйста, свой код на какой-нибудь сервер, чтобы его можно было увидеть и поработать с ним. Иначе вам навряд ли помогут.

[Ivan Bogachev]

1. Выложите код на codepen/jsfiddle.
2. Поясните, каким образом вы рассуждаете, используя в верстке настолько кривые значения вроде 3365px? Опыт подсказывает, что такого вообще быть не должно.

[Olii]

https://jsfiddle.net/Olga_Leonteva2010/sy0j3mqu/

[Olii]

Ivan Bogachev: https://jsfiddle.net/Olga_Leonteva2010/sy0j3mqu/
Контейнер с таким значение.

Answer 1

[Ankhena]

Olii div'ы - это блочные элементы, соотвественно, элементы после них начинаются с новой строки.
Используйте инлайн-блоки, флексы или флоат, если он оправдан.

Большому контейнеру-обертке не стоит задавать высоту вообще (да и остальным, по возможности тоже) , пусть он растягивается по содержимому.

Вместо странных margin обычно удобнее использовать позиционирование.

Почитайте, хорошая статейка https://csswizardry.com/2012/11/code-smells-in-css/