Answer the question
In order to leave comments, you need to log in
Fixing a block with screen width between two elements, how?
Good night, here is the code itself , I stumbled upon a problem, I didn’t think it would hurt so much .. the problem is that I’m trying to place a block with a width of 100% between two elements with a fixed width, but at the same time they are in a block with an auto screen width of 100%! .. and it turns out that the next block 1 stands perfectly, after block 2 follows, instead of resting on block 3, it pushes it out .. z-index is not suitable because the blocks are translucent. help fix block 2 between two elements with a width of 100% because there are different monitor resolutions ..
screen
Answer the question
In order to leave comments, you need to log in
It is possible without calc()
It is enough to do it this way:
.fullscreen {
position: relative;
}
.re-fukop {
...
left: 0;
padding: 0 109px;
box-sizing: border-box;
}
/* Либо еще проще */
.re-fukop {
...
width: 100%; /* убрать */
left: 109px;
right: 109px;
}
If the width of the side elements is known, then you can set the width of the center element using calc()
jsfiddle.net/por4brks/1
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question