P
P
p1s9p12015-10-28 04:33:54
css
p1s9p1, 2015-10-28 04:33:54

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

2 answer(s)
A
Andrey B., 2015-10-28
@p1s9p1

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;
}

S
Stalker_RED, 2015-10-28
@Stalker_RED

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 question

Ask a Question

731 491 924 answers to any question