网页对联效果简单实现

Posted 2020-09-26 loyung

记一下网页对联的实现，方便下次找。

主要通过三个属性实现right: 20px;top:180px;position:fixed;

<div id="tjzs" style="width:160px; padding-bottom:20px;z-index:100;right: 20px;top:180px;position:fixed;">
        <div id="tjzs_title" style="width:160px;height:25px;line-height:25px;background-color :#6C7C8D;text-align:center;font-size:14px; color:white;">提交助手</div>
        <div id="tjzs_tip" style="width:130px;height:27px;line-height:27px;font-size:12px; padding-left:30px; background-color:#F5F7FA;">当前项提示</div>
         <div id="tjzs_content" style="width:150px;font-size:12px; padding: 10px 5px; background-color:#E0E6EE; color:#767676;" >请仔细填写各项信息<br/>确认无误后提交<br /></div>
            <div id="tjzs_buttom" style="width:130px;height:27px;font-size:12px; padding-left:30px; background-color:#F5F7FA;"></div>
    </div>