<!DOCTYPE html> | |
<title>Reference: Select element in flexbox with zero height</title> | |
<link rel="author" title="Mozilla" href="https://mozilla.org"> | |
<style> | |
.container { | |
height: 0px; | |
border: 1px dotted black; | |
} | |
select { | |
/* | |
WebKit applies intrinsic (default) margins to control elements in some circumstances, | |
let's disable them to avoid mismatch errors caused by those margins. | |
*/ | |
margin: 0; | |
} | |
</style> | |
<body> | |
<div class="container"> | |
<select style="width:100%"><option>Hi</option></select> | |
</div> | |
</body> |