JSFiddle - React, Tailwind, and code Playground

by leeives

HTML

<div id="visible_container" class="hundred_percent">
    <div id="visible_inner" class="eighty_percent"/>
</div>
<div id="hidden_container" class="hundred_percent" style="display:none;">
    <div id="hidden_inner" class="eighty_percent"/>
</div>

CSS

.hundred_percent {
    width: 100%;
}
.eighty_percent {
    width: 80%;
}

JavaScript

alert("visible_container width: " + $("#visible_container").width());
alert("visible_inner width: " + $("#visible_inner").width());
alert("hidden_container width: " + $("#hidden_container").width());
alert("hidden_inner width: " + $("#hidden_inner").width());