Why does this SVG image have a height of 150px
问题 Why is this SVG image displayed at 150px height inside this 500px container? Why this specific value? I found this weird behavior in both js bin and Codepen, so I think it is something to do with my code and not with the online editors. Note: a 700px div container results in the same thing. So the height of the parent doesn't matter. <div style="padding: 30px; background-color: yellow; height: 500px; width: 500px; "> <svg> <pattern id="basicPattern" x="10" y="10" width="40" height="40"