Flexbox last child margin collapsing in FirefoxCSS margin terror; Margin adds space outside parent elementLast margin / padding collapsing in flexbox / grid layoutWhy does Firefox ignores bottom margin of flex-item?How do you keep parents of floated elements from collapsing?CSS 100% height with padding/marginWhen to use margin vs padding in CSSBottom margin of last child gets hidden when overflow appliesWanted: CSS grid system AND collapsing marginsFlexbox: center horizontally and verticallyBetter way to set distance between flexbox itemsAlign an element to bottom with flexboxIn CSS Flexbox, why are there no “justify-items” and “justify-self” properties?Heights rendering differently in Chrome and Firefox
Why aren't there any women super GMs?
Do higher dimensions have axes?
"This used to be my phone number"
🍩🔔🔥Scrambled emoji tale⚛️🎶🛒 #2️⃣
How to tell readers that I know my story is factually incorrect?
Why do jet engines sound louder on the ground than inside the aircraft?
Do Australia and New Zealand have a travel ban on Somalis (like Wikipedia says)?
How did J. J. Thomson establish the particle nature of the electron?
Difference between class and struct in with regards to padding and inheritance
Why is the Intel 8086 CPU called a 16-bit CPU?
Should I have one hand on the throttle during engine ignition?
Is it legal for a supermarket to refuse to sell an adult beer if an adult with them doesn’t have their ID?
Why are flying carpets banned while flying brooms are not?
Making a Dataset that emulates `ls -tlra`?
Why can't I hear fret buzz through the amp?
How long were the Apollo astronauts allowed to breathe 100% oxygen at 1 atmosphere continuously?
What is a Romeo Word™?
"Je suis petite, moi?", purpose of the "moi"?
How to prove that the covariant derivative obeys the product rule
How can I automate this tensor computation?
Brute-force the switchboard
Who would use the word "manky"?
Can error correction and detection be done without adding extra bits?
Align the contents of a numerical matrix when you have minus signs
Flexbox last child margin collapsing in Firefox
CSS margin terror; Margin adds space outside parent elementLast margin / padding collapsing in flexbox / grid layoutWhy does Firefox ignores bottom margin of flex-item?How do you keep parents of floated elements from collapsing?CSS 100% height with padding/marginWhen to use margin vs padding in CSSBottom margin of last child gets hidden when overflow appliesWanted: CSS grid system AND collapsing marginsFlexbox: center horizontally and verticallyBetter way to set distance between flexbox itemsAlign an element to bottom with flexboxIn CSS Flexbox, why are there no “justify-items” and “justify-self” properties?Heights rendering differently in Chrome and Firefox
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
4
I have a flexbox container with a fixed height and overflow-y set to scroll. Inside the container I have children with a value of margin-bottom: 2rem.
In Firefox the margin-bottom of the last child is ignored and I can't figure out why? It appears to have something to do with overflow. Chrome & Safari work as expected.
JSFIDDLE: https://jsfiddle.net/y7sn0rgb/1/
CSS
.container
display: flex;
flex-direction: column;
width: 400px;
height: 600px;
background: grey;
overflow-y: scroll;
.comment
margin-bottom: 2rem;
HTML
<div class="container">
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
</div>
html css flexbox
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
add a comment |
4
I have a flexbox container with a fixed height and overflow-y set to scroll. Inside the container I have children with a value of margin-bottom: 2rem.
In Firefox the margin-bottom of the last child is ignored and I can't figure out why? It appears to have something to do with overflow. Chrome & Safari work as expected.
JSFIDDLE: https://jsfiddle.net/y7sn0rgb/1/
CSS
.container
display: flex;
flex-direction: column;
width: 400px;
height: 600px;
background: grey;
overflow-y: scroll;
.comment
margin-bottom: 2rem;
HTML
<div class="container">
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
</div>
html css flexbox
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
1
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54
add a comment |
4
4
4
0
I have a flexbox container with a fixed height and overflow-y set to scroll. Inside the container I have children with a value of margin-bottom: 2rem.
In Firefox the margin-bottom of the last child is ignored and I can't figure out why? It appears to have something to do with overflow. Chrome & Safari work as expected.
JSFIDDLE: https://jsfiddle.net/y7sn0rgb/1/
CSS
.container
display: flex;
flex-direction: column;
width: 400px;
height: 600px;
background: grey;
overflow-y: scroll;
.comment
margin-bottom: 2rem;
HTML
<div class="container">
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
</div>
html css flexbox
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
I have a flexbox container with a fixed height and overflow-y set to scroll. Inside the container I have children with a value of margin-bottom: 2rem.
In Firefox the margin-bottom of the last child is ignored and I can't figure out why? It appears to have something to do with overflow. Chrome & Safari work as expected.
JSFIDDLE: https://jsfiddle.net/y7sn0rgb/1/
CSS
.container
display: flex;
flex-direction: column;
width: 400px;
height: 600px;
background: grey;
overflow-y: scroll;
.comment
margin-bottom: 2rem;
HTML
<div class="container">
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
<div class="comment">
The problem with Potential Problem #1 is that it appears to fall apart outside of a flex or grid formatting context. For example, in a standard block layout, the last margin doesn't appear to collapse. So maybe overflow is permitted to cover margins / paddings, regardless of what it says in the spec.
</div>
</div>
html css flexbox
html css flexbox
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
asked Mar 26 at 10:39
Alex LacayoAlex Lacayo
6001 gold badge10 silver badges22 bronze badges
6001 gold badge10 silver badges22 bronze badges
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
1
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54
add a comment |
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
1
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
1
1
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54
add a comment |
1 Answer
1
active
oldest
votes
0
Change margin-bottom to padding-bottom
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55355106%2fflexbox-last-child-margin-collapsing-in-firefox%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Change margin-bottom to padding-bottom
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
add a comment |
0
Change margin-bottom to padding-bottom
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
add a comment |
0
0
0
Change margin-bottom to padding-bottom
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
Change margin-bottom to padding-bottom
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
answered Mar 26 at 10:48
Joël-EtienneJoël-Etienne
516 bronze badges
516 bronze badges
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
add a comment |
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
1
1
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
Yes, I know but I'm trying to understand what's happening.
– Alex Lacayo
Mar 26 at 10:49
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
The margin gets outside of the box that's why
– Joël-Etienne
Mar 26 at 10:51
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
Right, but why is it going outside of the parent? Without overflow the margin is there. With overflow the margin is outside of the parent container.
– Alex Lacayo
Mar 26 at 10:52
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
You can check this question: stackoverflow.com/questions/13573653/… And some doc here: w3.org/TR/CSS2/box.html#collapsing-margins
– Joël-Etienne
Mar 26 at 10:55
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
@AlexLacayo implementation difference between both the browsers I guess - padding can be used...
– kukkuz
Mar 26 at 12:08
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55355106%2fflexbox-last-child-margin-collapsing-in-firefox%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
stackoverflow.com/questions/44389126/…
– ritaj
Mar 26 at 10:46
stackoverflow.com/questions/38993170/…
– kukkuz
Mar 26 at 16:26
@kukkuz "The overflow property applies only to content. It doesn't apply to padding or margins." ... but it works properly when I use padding instead of margin?
– Alex Lacayo
Mar 27 at 0:51
1
see as I said, it is the implementation difference between browsers and we may have to live with it... I linked this because it shows a similar behavior in the row direction :)
– kukkuz
Mar 27 at 0:54