Всё выглядит не так, как нужно

@mashaI · Регистрация: 24.02.2020

Студворк — интернет-сервис помощи студентам

как сделать нижний блок ? а то у меня не выходит ,а сроки горят

@aj17 · 24.02.2020, 20:36

Где код?

@mashaI · 24.02.2020, 20:41 **[ТС]**

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Новосное агенство</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/style.css">

</head>
<body>
<header class="header">
<div class="header-intro">
<div class="container clearfix">
<p class="intro-desc">
Самые <a class="intro-link custom-link">свежие новости</a> в реальном времени
</p>
<time class="intro-time" datetime="2019-06-19T12:30">
12:30 19.06.2019
</time>
</div>
</div>

<div class="container header-wrapper">
<img class="header-logo"
src="img/logo.png"
width="121"
height="40"
alt="Новостное агенство">

<p class="header-information">
<label class="select-wrapper">
Выбор города
<select class="select">
<option value="msc">Москва</option>
</select>
</label>

<time class="header-date" datetime="2019-06-19T12:30">
<span class="header-day">19 июня, вторник</span>
<span class="header-time">12:30</span>
</time>

<span class="header-weather">
+22 °C
</span>
</p>

<form class="header-search" action="#" method="get">
<input class="search" id="search" name="search" type="text">
<label for="search" class="search-label">Поиск по сайту</label>
<button class="search-submit" type="submit" aria-label="Найти"></button>
</form>

<nav class="menu">
<ul class="menu-list">
<li class="menu-item">
<a href="#">Главная</a>
</li>
<li class="menu-item">
<a href="#">Политика</a>
</li>
<li class="menu-item">
<a href="#">Общество</a>
</li>
<li class="menu-item">
<a href="#">Экономика</a>
</li>
<li class="menu-item">
<a href="#">В мире</a>
</li>
<li class="menu-item">
<a href="#">Проешествия</a>
</li>
<li class="menu-item">
<a href="#">Спорт</a>
</li>
<li class="menu-item">
<a href="#">Наука</a>
</li>
<li class="menu-item">
<a href="#">Туризм</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="container main-content clearfix">
<section class="news-day">
<h2 class="news-title">Новости дня</h2>

<div class="news-day-list">
<article class="news">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>

<article class="news">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>
</div>
</section>

<section class="news-main">
<article class="news-big">
<a href="#" class="news-category">ЧМ по футболу</a>

<a href="#" class="news-link">
В Крыму отреагировали
на слова Кравчука
о возврате полуострова
</a>

<p class="news-info">
<time class="news-date" datetime="2019-06-19T12:30">
19 Июня 2018
<span class="news-time">12:30</span>
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>

<img class="news-big-photo" src="img/news-1.jpg" alt="Крым">
</article>

<div class="news-wrapper clearfix">
<article class="news">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>

<article class="news">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>

<article class="news">
<img class="news-photo" src="img/news-2.jpg" alt="Кот Ахилл">

<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>

<article class="news">
<img class="news-photo" src="img/news-2.jpg" alt="Кот Ахилл">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>
</article>
</div>
</section>

<div id="column-right">
<img src="img/banner-1.png">
<img src="img/banner-2.png">
</div>
</main>

<section class="news-main">
<article class="news-big">
<a href="#" class="news-category">ЧМ по футболу</a>

<a href="#" class="news-link">
В Крыму отреагировали
на слова Кравчука
о возврате полуострова
</a>

<p class="news-info">
<time class="news-date" datetime="2019-06-19T12:30">
19 Июня 2018
<span class="news-time">12:30</span>
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>

<img class="news-big-photo" src="img/news-1.jpg" alt="Крым">
</article>
<div class="news-wrapper clearfix">
<article class="news-t">
<a href="#" class="news-link">
Кот Ахилл предсказал
победу российской сборной
над Египтом на ЧМ-2018
</a>
<p class="news-info clearfix">
<a href="#" class="news-category">ЧМ по футболу</a>
<time class="news-time" datetime="2019-06-19T12:30">
12:30
</time>
<span class="news-comments" aria-label="Количество комментариев">15</span>
</p>

</div>

<div class="fixed-container clearfix">
<div></div>
<div></div>
<div></div>

<p>c новосное агенство</p>

</div>
</body>
</html>

css
html {
box-sizing: border-box;
}

*,
::before,
::after {
box-sizing: inherit;
}

body {
margin: 0;
min-width: 1000px;
font: 14px/20px 'Arial', sans-serif;
color: #000;
background-color: #f9f9f9;
}

img {
max-width: 100%;
height: auto;
object-fit: contain;
}

a {
text-decoration: none;
}

a:focus {
outline: none;
}

ul a {
text-decoration: none;
color:black;
}
.menu-item:not(:last-child)::after {
content: '/';
position: absolute ;
right: 0;
color: #e5e5e8
}
.menu-item{list-style: none;
display: inline-block;
position: relative;
padding-right: 20px ;
margin-right: 10px}

.menu-item:last-child {
margin: 0;
padding: 0;
}

p {
margin-top: 0;
}

.custom-link {
border-bottom: 1px solid #fff;
}

.clearfix::after {
content: '';
display: table;
clear: both;
}

.container {
margin: 0 auto;
width: 960px;
}

/* header */
.header {
font-size: 16px;
background-color: #fff;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
}

.header-intro {
padding: 15px 0;
color: #fff;
background-color: #00122f;
}

.intro-desc {
float: left;
margin-bottom: 0;
}

.intro-time {
float: right;
}

.header-wrapper {
padding: 45px 0 35px;
}

.header-logo {
float: left;
margin-right: 45px;
}

.header-information {
padding-top: 5px;
margin-right: 30px;
margin-bottom: 0;
float: left;
color: #91919f;
}

.select-wrapper {
position: relative;
padding-bottom: 5px;
margin-right: 35px;
font-size: 0;
}

.select-wrapper::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 21px;
height: 1px;
border-bottom: 2px dashed #689ed2;
}

.select {
border: 0;
padding-right: 20px;
font-size: 16px;
color: #448ccb;
background: url('../img/icons/down-arrow.png') 100% center no-repeat;
background-size: 10px 5px;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.header-date {
margin-right: 35px;
}

.header-day {
margin-right: 35px;
}

.header-time,
.header-weather {
display: inline-block;
padding: 5px 0;
background-repeat: no-repeat;
background-position: 0 center;
}

.header-time {
padding-left: 25px;
background-image: url('../img/icons/clock.png');
background-size: 16px 16px;
}

.header-weather {
padding-left: 35px;
background-image: url('../img/icons/cloudy.png');
background-size: 26px 18px;
}

.header-search {
position: relative;
float: right;
width: 290px;
font-size: 14px;
}

.search {
width: 100%;
padding: 12px 50px 12px 20px;
border: 0;
font: inherit;
color: #000;
background-color: #f3f3f3;
border-radius: 20px;
}

.search:focus {
outline: none;
}

.search-label {
position: absolute;
top: 12px;
left: 20px;
color: #c9c9c9;
}

.search:focus + .search-label {
display: none;
}

.search-submit {
position: absolute;
top: 15px;
right: 20px;
border: 0;
padding: 0;
width: 16px;
height: 16px;
background: transparent url('../img/icons/search.png') center no-repeat;
background-size: contain;
cursor: pointer;
}

.menu {
padding-top: 35px;
clear: both;
}

.menu-list {
margin: 0;
padding: 0;
list-style: none;
}

.menu-item {
display: inline-block;
}

.main-content {
padding: 30px 0 55px;
}

.news-day {
float: left;
width: 250px;
margin-right: 20px;
background-color: #fff;
}

.news-day-list {
padding: 25px 20px;
}

.news {
margin-bottom: 30px;
color: #000;
}

.news-t {margin-bottom: 30px;
color: #000;
float:left; }
.news-title {
padding: 20px;
}

.news-link {
display: inline-block;
margin-bottom: 15px;
color: inherit;
}

.news-info {
margin-bottom: 0;
font-size: 13px;
line-height: 16px;
}

.news-category {
margin-right: 5px;
color: #91919f;
}

.news-category::before {
content: '/ ';
}

.news-day .news-info {
text-align: right;
}

.news-day .news-category {
float: left;
}

.news-main {
float: left;
width: 460px;
}

.news-big {
position: relative;
padding: 115px 20px 40px;
color: #fff;
}

.news-big .news-category {
display: inline-block;
margin-bottom: 25px;
color: #fff;
font-size: 13px;
line-height: 16px;
}

.news-big .news-link {
font-size: 30px;
line-height: 35px;
margin-bottom: 30px;
font-weight: 700;
}

.news-big-photo {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: -1;
object-fit: cover;
}

.news-wrapper {
padding-top: 20px;
}

.news-wrapper .news {
width: 220px;
margin-bottom: 20px;
}

.news-wrapper .news:nth-child(even) {
float: right;
}

.news-wrapper .news:nth-child(odd) {
float: left;
}

.news-photo {
height: 140px;
}

#column-right {
width: 210px;
float: right;
}

@Alex Web · 25.02.2020, 11:09

Сообщение от mashaI

а то у меня не выходит

что именно не выходит то

@foxilist · 25.02.2020, 17:35

Используй flex-box на float верстать уже в прошлом, тем более адаптивную верстку на float сложно делать

Новые блоги и статьи Все статьи Все блоги /
Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .

@mashaI 0 / 0 / 0 Регистрация: 24.02.2020 Сообщений: 2

	Всё выглядит не так, как нужно 24.02.2020, 20:26. Показов 880. Ответов 4 Метки блок, сайт (Все метки) как сделать нижний блок ? а то у меня не выходит ,а сроки горят Миниатюры 0

@aj17 333 / 309 / 168 Регистрация: 02.06.2014 Сообщений: 1,130
	24.02.2020, 20:36
	Где код? 0

@mashaI 0 / 0 / 0 Регистрация: 24.02.2020 Сообщений: 2
	24.02.2020, 20:41 [ТС]
	<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Новосное агенство</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header class="header"> <div class="header-intro"> <div class="container clearfix"> <p class="intro-desc"> Самые <a class="intro-link custom-link">свежие новости</a> в реальном времени </p> <time class="intro-time" datetime="2019-06-19T12:30"> 12:30 19.06.2019 </time> </div> </div> <div class="container header-wrapper"> <img class="header-logo" src="img/logo.png" width="121" height="40" alt="Новостное агенство"> <p class="header-information"> <label class="select-wrapper"> Выбор города <select class="select"> <option value="msc">Москва</option> </select> </label> <time class="header-date" datetime="2019-06-19T12:30"> <span class="header-day">19 июня, вторник</span> <span class="header-time">12:30</span> </time> <span class="header-weather"> +22 °C </span> </p> <form class="header-search" action="#" method="get"> <input class="search" id="search" name="search" type="text"> <label for="search" class="search-label">Поиск по сайту</label> <button class="search-submit" type="submit" aria-label="Найти"></button> </form> <nav class="menu"> <ul class="menu-list"> <li class="menu-item"> <a href="#">Главная</a> </li> <li class="menu-item"> <a href="#">Политика</a> </li> <li class="menu-item"> <a href="#">Общество</a> </li> <li class="menu-item"> <a href="#">Экономика</a> </li> <li class="menu-item"> <a href="#">В мире</a> </li> <li class="menu-item"> <a href="#">Проешествия</a> </li> <li class="menu-item"> <a href="#">Спорт</a> </li> <li class="menu-item"> <a href="#">Наука</a> </li> <li class="menu-item"> <a href="#">Туризм</a> </li> </ul> </nav> </div> </header> <main class="container main-content clearfix"> <section class="news-day"> <h2 class="news-title">Новости дня</h2> <div class="news-day-list"> <article class="news"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> <article class="news"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> </div> </section> <section class="news-main"> <article class="news-big"> <a href="#" class="news-category">ЧМ по футболу</a> <a href="#" class="news-link"> В Крыму отреагировали на слова Кравчука о возврате полуострова </a> <p class="news-info"> <time class="news-date" datetime="2019-06-19T12:30"> 19 Июня 2018 <span class="news-time">12:30</span> </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> <img class="news-big-photo" src="img/news-1.jpg" alt="Крым"> </article> <div class="news-wrapper clearfix"> <article class="news"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> <article class="news"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> <article class="news"> <img class="news-photo" src="img/news-2.jpg" alt="Кот Ахилл"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> <article class="news"> <img class="news-photo" src="img/news-2.jpg" alt="Кот Ахилл"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </article> </div> </section> <div id="column-right"> <img src="img/banner-1.png"> <img src="img/banner-2.png"> </div> </main> <section class="news-main"> <article class="news-big"> <a href="#" class="news-category">ЧМ по футболу</a> <a href="#" class="news-link"> В Крыму отреагировали на слова Кравчука о возврате полуострова </a> <p class="news-info"> <time class="news-date" datetime="2019-06-19T12:30"> 19 Июня 2018 <span class="news-time">12:30</span> </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> <img class="news-big-photo" src="img/news-1.jpg" alt="Крым"> </article> <div class="news-wrapper clearfix"> <article class="news-t"> <a href="#" class="news-link"> Кот Ахилл предсказал победу российской сборной над Египтом на ЧМ-2018 </a> <p class="news-info clearfix"> <a href="#" class="news-category">ЧМ по футболу</a> <time class="news-time" datetime="2019-06-19T12:30"> 12:30 </time> <span class="news-comments" aria-label="Количество комментариев">15</span> </p> </div> <div class="fixed-container clearfix"> <div></div> <div></div> <div></div> <p>c новосное агенство</p> </div> </body> </html> css html { box-sizing: border-box; } , ::before, ::after { box-sizing: inherit; } body { margin: 0; min-width: 1000px; font: 14px/20px 'Arial', sans-serif; color: #000; background-color: #f9f9f9; } img { max-width: 100%; height: auto; object-fit: contain; } a { text-decoration: none; } a:focus { outline: none; } ul a { text-decoration: none; color:black; } .menu-item:not(:last-child)::after { content: '/'; position: absolute ; right: 0; color: #e5e5e8 } .menu-item{list-style: none; display: inline-block; position: relative; padding-right: 20px ; margin-right: 10px} .menu-item:last-child { margin: 0; padding: 0; } p { margin-top: 0; } .custom-link { border-bottom: 1px solid #fff; } .clearfix::after { content: ''; display: table; clear: both; } .container { margin: 0 auto; width: 960px; } / header */ .header { font-size: 16px; background-color: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1); } .header-intro { padding: 15px 0; color: #fff; background-color: #00122f; } .intro-desc { float: left; margin-bottom: 0; } .intro-time { float: right; } .header-wrapper { padding: 45px 0 35px; } .header-logo { float: left; margin-right: 45px; } .header-information { padding-top: 5px; margin-right: 30px; margin-bottom: 0; float: left; color: #91919f; } .select-wrapper { position: relative; padding-bottom: 5px; margin-right: 35px; font-size: 0; } .select-wrapper::after { content: ''; position: absolute; bottom: 0; left: 0; right: 21px; height: 1px; border-bottom: 2px dashed #689ed2; } .select { border: 0; padding-right: 20px; font-size: 16px; color: #448ccb; background: url('../img/icons/down-arrow.png') 100% center no-repeat; background-size: 10px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header-date { margin-right: 35px; } .header-day { margin-right: 35px; } .header-time, .header-weather { display: inline-block; padding: 5px 0; background-repeat: no-repeat; background-position: 0 center; } .header-time { padding-left: 25px; background-image: url('../img/icons/clock.png'); background-size: 16px 16px; } .header-weather { padding-left: 35px; background-image: url('../img/icons/cloudy.png'); background-size: 26px 18px; } .header-search { position: relative; float: right; width: 290px; font-size: 14px; } .search { width: 100%; padding: 12px 50px 12px 20px; border: 0; font: inherit; color: #000; background-color: #f3f3f3; border-radius: 20px; } .search:focus { outline: none; } .search-label { position: absolute; top: 12px; left: 20px; color: #c9c9c9; } .search:focus + .search-label { display: none; } .search-submit { position: absolute; top: 15px; right: 20px; border: 0; padding: 0; width: 16px; height: 16px; background: transparent url('../img/icons/search.png') center no-repeat; background-size: contain; cursor: pointer; } .menu { padding-top: 35px; clear: both; } .menu-list { margin: 0; padding: 0; list-style: none; } .menu-item { display: inline-block; } .main-content { padding: 30px 0 55px; } .news-day { float: left; width: 250px; margin-right: 20px; background-color: #fff; } .news-day-list { padding: 25px 20px; } .news { margin-bottom: 30px; color: #000; } .news-t {margin-bottom: 30px; color: #000; float:left; } .news-title { padding: 20px; } .news-link { display: inline-block; margin-bottom: 15px; color: inherit; } .news-info { margin-bottom: 0; font-size: 13px; line-height: 16px; } .news-category { margin-right: 5px; color: #91919f; } .news-category::before { content: '/ '; } .news-day .news-info { text-align: right; } .news-day .news-category { float: left; } .news-main { float: left; width: 460px; } .news-big { position: relative; padding: 115px 20px 40px; color: #fff; } .news-big .news-category { display: inline-block; margin-bottom: 25px; color: #fff; font-size: 13px; line-height: 16px; } .news-big .news-link { font-size: 30px; line-height: 35px; margin-bottom: 30px; font-weight: 700; } .news-big-photo { position: absolute; top: 0; left: 0; height: 100%; z-index: -1; object-fit: cover; } .news-wrapper { padding-top: 20px; } .news-wrapper .news { width: 220px; margin-bottom: 20px; } .news-wrapper .news:nth-child(even) { float: right; } .news-wrapper .news:nth-child(odd) { float: left; } .news-photo { height: 140px; } #column-right { width: 210px; float: right; } 0

@foxilist 0 / 0 / 0 Регистрация: 17.02.2019 Сообщений: 43
	25.02.2020, 17:35
	Используй flex-box на float верстать уже в прошлом, тем более адаптивную верстку на float сложно делать 0