In my experience, the display property raises a lot of questions for novice developers. Yes, to be honest, I often met confusion from experienced d...
For further actions, you may consider blocking this person and/or reporting abuse
Great article! Can you explain the 'logic' of the browser (rendering engine) for why the parent needs to have a margin or padding in order to prevent overflow of the child components? I would expect that they should be contained in the parent by default. Why would it be allowed to 'step outside' of the parent? Is there a use-case for that?
Fortunately, this behaviour, related to collapsing margins, isn't random and it falls under the concept of Block Formatting Context. Always try to find the proper terminology so you can research the concepts better. Here's a good article about BFC: smashingmagazine.com/2017/12/under...
An amazing link, would never have found it otherwise.
I'm not sure but I remember that was done because people used HTML and CSS for text. So these styles were created for correct displaying of text
So, would you recommend to make a habit of placing some margin/padding in the parent to prevent overflow etc?
Please, a demo for demonstration what you want to make and email on melnik909@ya.ru. I'll check it
thank you. This information is so valuable
Awesome
What about list-item, table, inline-table, all the inner table display values, flow-root, contents, none, and out-of-flow block-level elements?
That will be in the future. I described values that are often used
Many thanks, i started learning programming 2 months ago and i’m really excited. This information is really useful, thanks
This is great, because I'm about starting to write code for a UI design and had no idea what I'll be facing with displays.