Не работает макет сайта.

Ваалентин Семенович · August 17, 2020

Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один

блок с width: auto; и margin-left: 200px; а второй с фиксированным width: 200px; и float: right; то будет

хороший макет с фиксированной колонкой справа и "резиновой" колонкой справа.

Однако это почему-то не работает... Дивы накладываются друг на друга...

А должны идти друг за другом.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Имя</title>
<style>
.div1{
border: 4px solid black;
width: auto;
margin-right: 200px;
}
.div2{
float: right;
width: 200px;
border: 4px solid black
}
</style>
</head>
<body>
<div class="div1">
123
</div>
<div class="div2">123
</div>
</body>
</html>

Я не учел размер бордера, однако если сделать у .div2 - width: 170px; - проблема остается....

Помогите пожалуйста!

klierik · August 17, 2020

Здравствуйте.

Почитайте про http://htmlbook.ru/css/box-sizing

Sign In

Не работает макет сайта.

Question

Ваалентин Семенович

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information