![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
页面布局方面
关于布局的那些事儿
树某人
短短的一生终将逝去,何不如勇敢一点,攀一座山,爱一个人,逐一个梦。
展开
-
H5-----bootstrap布局中的下拉菜单
代码片段(需要引入bootstrap.js和bootstrap.css才可以使用)<div class="dropdown"> <div class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></div> ...原创 2019-04-02 09:10:29 · 498 阅读 · 0 评论 -
H5-----flex布局
flex(Flexible Box)布局(弹性布局)是W3C在2009年提出的一种新的布局方案。当你设置了flex布局之后 子元素的float、clear和vertical-align属性将失去作用。相对于传统的display属性 + position属性 + float属性布局,更容易实现一些功能。可以简便的完整的响应式的支持g各种页面布局。div{ display:flex;}...原创 2019-03-25 16:05:01 · 2538 阅读 · 0 评论 -
仿淘宝商品详情页顶部nav屏幕滑动出现-商品/详情/评价/分享
项目开发实录 将其简化为一个demo方便后续使用简化淘宝顶部的淡入淡出并将其修改为两个不同盒子之间的切换,毕竟实际项目实际操作嘛。下面的代码块为简略版的demo,直接复制粘贴即可实现效果(移动端喔)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min原创 2020-06-16 13:48:16 · 863 阅读 · 0 评论