简单的图片滑动,按钮不动事例

来源:互联网 发布:松翰单片机官网 编辑:程序博客网 时间:2024/05/16 07:09
 .introduce{width:100%;height:88%;  display: inline;white-space: nowrap;             overflow-x:hidden;float:left;overflow-y:scroll;}    .iknowbtn{position: absolute; background-color: #63b0ff;margin: 0 0.2rem 0rem 0.2rem;width:6.8rem; height: 0.86rem;bottom: 0.2rem; border-radius: 0.1rem}    .iknowbtn p{line-height:0.8rem ;color: #fff;text-align: center;font-size: 0.3rem}


<div class="introduce">   <img alt="" src="${pageContext.request.contextPath}/images/useflow/useflow.jpg"></div>   <div  class='iknowbtn' onclick="history.go(-1);">   <p class ='know'>我知道了</p>   </div>

解析:图片加纵向滚动条 overflow-x:hidden;float:left;overflow-y:scroll;

           按钮绝对定位position: absolute;

           按钮名称p包含按钮div中



原创粉丝点击