console
<body>
<div id="outter">
<div id="inner">
<div id="bottom">
<span id="emoji"></span>
<span id="text1"></span>
<button id="send">发送</button>
</div>
</div>
</div>
</body>
span {
display: inline-block;
}
#outter {
width: 250px;
height: 520px;
border: 1px solid #000;
border-radius: 10px;
}
#inner {
width: 204px;
height: 370px;
border: 3px solid #000;
margin: 70px 20px 0;
position: relative;
}
#bottom {
width: 204px;
height: 50px;
border: 1px solid #000;
position: absolute;
bottom: 0px;
left: 0px;
}
#emoji {
width: 28px;
height: 28px;
border: 1px solid #000;
border-radius: 10px;
margin: 10px 0px;
}
#text1 {
width: 120px;
height: 28px;
border: 1px solid #000;
border-radius: 10px;
margin: 10px 0;
}
#send {
width: 40px;
height: 28px;
border: 1px solid #000;
border-radius: 10px;
margin: 10px 0;
font-size: 11px;
}