Comments on: position https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 28 Sep 2022 20:14:10 +0000 hourly 1 https://wordpress.org/?v=6.1.1 By: rishabh https://css-tricks.com/almanac/properties/p/position/#comment-1771626 Thu, 06 May 2021 10:54:27 +0000 http://css-tricks.com/?page_id=16536#comment-1771626 why absolute positioned element loses 100% width?

]]> By: Chris Coyier https://css-tricks.com/almanac/properties/p/position/#comment-1770313 Tue, 30 Mar 2021 13:25:52 +0000 http://css-tricks.com/?page_id=16536#comment-1770313 In reply to Michel Araujo.

Not really, it’s well supported:
https://caniuse.com/css-sticky

]]> By: Michel Araujo https://css-tricks.com/almanac/properties/p/position/#comment-1770311 Tue, 30 Mar 2021 12:13:39 +0000 http://css-tricks.com/?page_id=16536#comment-1770311 The value “sticky” is experimental yet ?

]]> By: Victor Paul https://css-tricks.com/almanac/properties/p/position/#comment-1768858 Sun, 21 Feb 2021 09:07:28 +0000 http://css-tricks.com/?page_id=16536#comment-1768858 In reply to Kilian.

Thanks for the tool, Kilian. It’s super helpful to people like me who are just starting out.

]]> By: Kilian https://css-tricks.com/almanac/properties/p/position/#comment-1768242 Sun, 07 Feb 2021 15:47:39 +0000 http://css-tricks.com/?page_id=16536#comment-1768242 If anyone is interested, I’ve built a CSS position tester tool to visualize position changes immediately in a layout. https://kilianso.com/css_position

]]> By: Haizz https://css-tricks.com/almanac/properties/p/position/#comment-1767131 Sat, 09 Jan 2021 07:44:19 +0000 http://css-tricks.com/?page_id=16536#comment-1767131 I love that idea: “the element is removed from the flow”. That makes sense!

]]> By: Lambdaxyzt https://css-tricks.com/almanac/properties/p/position/#comment-1765691 Fri, 04 Dec 2020 22:09:52 +0000 http://css-tricks.com/?page_id=16536#comment-1765691 In reply to Werner Glinka.

hi , what do you mean by performance issue ? about what exactly ? can specifically name this topic ? ( for further search )

]]> By: Rob83 https://css-tricks.com/almanac/properties/p/position/#comment-1764922 Mon, 09 Nov 2020 10:33:24 +0000 http://css-tricks.com/?page_id=16536#comment-1764922 In reply to Werner Glinka.

This is interesting! I was trying to achieve something like that: to have an element attached to the bottom of a scrollable container. However other than an element that’s fixed to the browser window the element that’s fixed to a “transformed” container will scroll with the rest of the container-contents.

Is there actually a way to have a real fixed position relative to another HTML element?

]]> By: Hernan https://css-tricks.com/almanac/properties/p/position/#comment-1755651 Thu, 09 Apr 2020 09:38:46 +0000 http://css-tricks.com/?page_id=16536#comment-1755651 Wow… very very help full. I came here to refresh my knowledge on positioning and was not disappointed. Concise, straight to the point and good examples.

]]> By: StevenR https://css-tricks.com/almanac/properties/p/position/#comment-1618144 Sun, 25 Mar 2018 15:34:08 +0000 http://css-tricks.com/?page_id=16536#comment-1618144 In reply to Werner Glinka.

Thanks for the reference!

]]> By: Werner Glinka https://css-tricks.com/almanac/properties/p/position/#comment-1615578 Thu, 01 Feb 2018 22:43:37 +0000 http://css-tricks.com/?page_id=16536#comment-1615578 A fixed element is not always positioned relative to the document!
“When an ancestor has the transform, perspective, or filter property set to something other than none, that ancestor is used as the container instead of the viewport”
See: https://developer.mozilla.org/en-US/docs/Web/CSS/position

]]> By: Eric https://css-tricks.com/almanac/properties/p/position/#comment-1608239 Wed, 26 Apr 2017 14:59:38 +0000 http://css-tricks.com/?page_id=16536#comment-1608239 Sticky is awesome! Is there any word on whether this will lead position to being animatable? It’d be nice to help the sticky element transition visually once it changes to / from fixed.

]]> By: Mike J https://css-tricks.com/almanac/properties/p/position/#comment-1601938 Thu, 02 Jun 2016 14:55:22 +0000 http://css-tricks.com/?page_id=16536#comment-1601938 Thanks for the articles! I used this information to fix up some positioning issues with a web site. You saved me some time and trouble. :)

One critique: You have said here and in one other article that the position property “does not cascade”. Did you mean that it does not inherit or is not inherited? Cascading and inheritance are not the same. I tripped up a bit over the idea of a property not cascading…

]]> By: Swed https://css-tricks.com/almanac/properties/p/position/#comment-1599995 Thu, 03 Mar 2016 14:42:57 +0000 http://css-tricks.com/?page_id=16536#comment-1599995 in chrome.
example Absolute
if set parent display:flex
child behaves unpredictably
so, how set child stable after text in parent, like in example, with flex parent?

]]> By: SmallNotch https://css-tricks.com/almanac/properties/p/position/#comment-1598539 Sat, 12 Dec 2015 03:48:52 +0000 http://css-tricks.com/?page_id=16536#comment-1598539 In reply to BigNotch.

Very true. I am starting and this website has answers to all my questions so far and I have been able to understand clearly too. Yay

]]>