'Justify-content:flex-end' puts flex content outside of the parent box in IE 11

154
January 16, 2018, at 3:58 PM

I have an issue where when I apply justify-content: flex-end to a child element(Blue border) puts the box outside of the parent element(Red border) on IE 11 alone.

Here's the fiddle. [Open it on IE11 and chrome]

Am I doing something wrong here?

PS: The parent's are positioned absolute as there's a need for the same.

Thanks.

Answer 1

Can you please add also this css in your css code because you have added position absolute to this div

CSS

.testimonial__dots{left: auto; right: 0;}
READ ALSO
Why is Chrome downloading asserts when my headers have cache instructions?

Why is Chrome downloading asserts when my headers have cache instructions?

HTTP/2 200 accept-ranges: bytes access-control-allow-origin: * cache-control: max-age=604800 content-type: text/css date: Tue, 16 Jan 2018 04:58:50 GMT etag: "59df8fad-299" expires: Tue, 23 Jan 2018 04:58:50 GMT last-modified: Thu, 12 Oct 2017 15:52:13...

179
Wordpress Navigation Menu Issue on IE

Wordpress Navigation Menu Issue on IE

here is my site the links with drop down on navigation, gets destroyed on IE, but looks fine on others, i really dont know what cause this, please help thanks

163
Bootstrap 4 Flexbox sidebar thinner when using position:fixed

Bootstrap 4 Flexbox sidebar thinner when using position:fixed

I'm building a sidebar using the grid system in Bootstrap 4, and the Flexbox utilityFor the most part, I have it working, except that I would like to have the sidebar be "static," that is, it should not move when the user scrolls on the page next to it

305
How to make postcss-import work with absolute path to CSS?

How to make postcss-import work with absolute path to CSS?

I run postcss-import on Windows with this CLI command:

289