У меня есть три элемента div: левый, средний и правый. Левые и правые фиксированные и плавающие. Я хочу, чтобы средний div заполнил пробел между ними.
Это мой код:
<!DOCTYPE html>
<html>
<head>
<style>
* {border: dotted 1px red;}
#left {
width: 200px;
float: left;
}
#middle {
float: left;
}
#right {
width: 200px;
float: right;
}
</style>
</head>
<body>
<div id="left" > left </div>
<div id="middle"> middle </div>
<div id="right" > right </div>
</body>
</html>
Любые идеи о том, как это сделать? Я пробовал разные решения, но не смог сделать то, что хочу.