JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="wrap">
    <div class="main">main</div>
    <div class="snsShareModal">snsShareModal</div>
    <footer>footer</footer>
</div>

<div class="wrap">
    <div class="main">main</div>
    <div class="snsShareModal">snsShareModal</div>
</div>

<div class="wrap">
    <div class="main">main</div>
</div>

CSS

.wrap {
    width:320px;
    background:#eee;
    margin-bottom:10px;
    border:5px solid red;
}

.main {
    background:#333;
    height:100px;
}

.snsShareModal {
    position:absolute !important;overflow:hidden;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);
}

footer {
    display:block;
    background:#666;
    height:50px;
}

div:nth-child(1):nth-last-child(2),
div:nth-child(1):nth-last-child(1) {
    margin-bottom:20px;
}