Width of fixed positioned element using CSS

Question

I have an element in my Web Page <div class="col-md-12"></div>. Currently it is maintaining width of parent element. But if I apply position: fixed; on <div class="col-md-12"></div> it's width increases.

How to keep previous width with position: fixed; ?

"position: fixed" elements do not have a parent, they are considered out of the page flow. You could explicitly state a width, or you could use "position: absolute" to position the element relative to the parent. Depends on your use case. — Gaurav Punjabi
– Gaurav Punjabi, Commented Nov 15, 2022 at 8:27

c.m. · Accepted Answer · 2022-11-15 09:10:21Z

2

set width to inherit so the child gets the width of the parent

width: inherit;

answered Nov 15, 2022 at 9:10

c.m.

3242 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hemant Singh Yadav · Accepted Answer · 2022-11-15 09:23:20Z

1

The CSS specification requires that position:fixed be anchored to the viewport, not the containing positioned element.

Other way to do it is :- To set parent element position: relative; and child element position: absolute;

answered Nov 15, 2022 at 9:23

Hemant Singh Yadav

1023 bronze badges

Collectives™ on Stack Overflow

Width of fixed positioned element using CSS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related