JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div class="layout">
  <div class="nav">Нав</div>
	<div class="content">Контент</div>
	<div class="sidebar">Сайдбар (резина)</div>
</div>
<!-- Порядок блоков не соотвествует порядку на result, но так нужно для работы float. Сначала должны идти плавующие блоки. -->

CSS

.layout {
	overflow: hidden;
}
.nav {
	background-color: lightgreen;
	width: 100px;
	float: left;
}
.sidebar {
	background-color: lightblue;
	margin-left: 100px;
	margin-right: 200px;
}
.content {
	background-color: #c3c;
	width: 200px;
	float: right;
}