Quantcast
Viewing all articles
Browse latest Browse all 3527

absolute panel with display: flex in a relative panel with display: inline-flex

Using IE, the width of div having id = "child" is smaller than thesum of the widthsof2 input tag. Unexpectedly the width is equals to the div with id = "parent".
In other browsers (Firefox, Chrome, Opera and Safari) the width of the div with id = "child" is equals to (orgreater than) two input tags.
Is this a bug?
Try this example code:

<!doctype html>
<html>
    <head></head>
    <body>
        <div id="parent" style="; border:1px solid #F00; display:inline-flex;">
            <input type="text">
            <div id="child" style="left: 0px; top: 18px; display: flex; ; flex-direction: row; background-color: #CCC; padding:5px;">
                <input type="text" placeholder="Start value">
                <input type="text" placeholder="End value">
            </div>
        </div>
    </body>
    
</html>







Viewing all articles
Browse latest Browse all 3527

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>