Блог

Фиксированный сайдбар и резиновый блок на всю ширину

Полезная заготовка для двухколончатого сайта сайдбар фиксированный ширины, и контентная часть растягиваться по всю ширину родительского блока:

Пример HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Фиксированный сайдбар + резиновый контент</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="left">left</div>
    <div class="right">right</div>
</body>
</html>

Пример CSS

.left {
    border: 2px solid red;
    width: 350px;  
    padding: 15px;
    float: left;
}

.right {
    border: 2px solid green;  
    padding: 15px;
    overflow: hidden;
}

Результат выглядит так:

Оставить комментарий

avatar