Is it possible to do without a float?

Hello. I need some advice. Need to layout a simple layout but with one condition. So when you remove any block not break the layout. I understand this must be done with the help of flotow. Understand correctly? I would gladly have done it with flex-box, but nothing happened.

In the code below if you remove the sidebar the content block will remain in place. It seems so, but still...

Tell me am I doing? Here is the code: https://jsfiddle.net/j5p7xaxg/1/
Can this be solved by using flex-box, or otherwise? I just think that floaty morally, and with flex-box, I had nothing left.

Illustration:
bcb7324e5c7f41e3964fb32631054fc8.jpg
July 2nd 19 at 18:12
4 answers
July 2nd 19 at 18:14
Solution
So use a responsive CSS framework, this is a couple of minutes.

1) Twitter Bootstrap
2) Responsive Grid System
3) Skeleton

and a bunch of different pieces.
I thought about it. Now I just sit and think about what I need. The old-fashioned way to do it with help of bootstrap. It is not said of course! - bruce_Schroeder commented on July 2nd 19 at 18:17
: are you a developer, do in the future ;) - clemmie.Pour commented on July 2nd 19 at 18:20
: =) ehh to walk so to walk. go to buttrape to get out of control - bruce_Schroeder commented on July 2nd 19 at 18:23
if the answer helped don't forget to mark as solution) - clemmie.Pour commented on July 2nd 19 at 18:26
July 2nd 19 at 18:16
Solution
content is stretched, ie takes the width of the sidebar
https://jsfiddle.net/dfct3ccj

content remains in place
https://jsfiddle.net/dfct3ccj/1/
July 2nd 19 at 18:18
Solution
If the float property is doing its job, then use it.
Obsolete neumatica layout (div tags everywhere, instead of more semantic header, navigation, section, article, etc.), but the float is quite good.
Flex partly more convenient, but works quite differently. So don't consider it a complete replacement floatn.
By the way, you can still use inline-block. Although he has his own problems.

--- update ---
Here's the version without restrictions on the content column. However sidebar did have to limit it.
https://jsfiddle.net/Givandos/m4w0o4de/
July 2nd 19 at 18:20
What a mystery, what could go wrong ?
https://jsfiddle.net/j5p7xaxg/2/

The small chest simply opened
https://jsfiddle.net/j5p7xaxg/4/
you may remove the sidebar and you will see - bruce_Schroeder commented on July 2nd 19 at 18:23
: the content should stay in place and he goes left ? - clemmie.Pour commented on July 2nd 19 at 18:26
: The main blocks of the site header, menu, slider, content (catalog), footer, feedback needs to be independent. That is, when you remove any block layout should not disintegrate. **I understand that no content block should not move to place the block with sidebar on the right side, but must remain in your seat** - bruce_Schroeder commented on July 2nd 19 at 18:29

Find more questions by tags CSSHTML