实现效果：固定导航栏的高度为整个屏幕高度； 实现二级导航在鼠标放在相应文字板块，从右往左出现， 鼠标移开，子导航从左往右消失（把导航栏固定在左侧，不用改js代码，也是从左往右出现，从右往左消失）。 ...

项目实战：京东商城（1）----京东商城首页 　　　　　京东商城（2）----京东商城登录页面 　　　　　京东商城（3）----京东商城注册页面 效果图： 首页源代码（如需页面其余源码请在下方评论留言）： ...

京东首页项目总述 这里做一个京东首页的项目。主要目的是总结和提高 HTML+ CSS 技术。该项目暂不涉及JS相关技术。 一、首页效果 先看首页完成最终完成的效果 说明 附上项目 github地址。 二、项目介绍 1、设计目标 2、浏览器兼容问题 ...

这样实现最右侧列固定不动，其他列可以左右滑动 同时出现上下滚动条时可以正常上下滚动 代码如下： ...

第一种方法：采用绝对定位+BFC（overflow:auto） 第二种方法：采用左浮动+BFC（overflow:auto） 第三种方法：采用flex布局+BFC（ov ...

在网页布局中，以前只考虑了两列、三列的布局方式，但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况；今天遇到这个问题，在这里mark一下； 方法一：左侧元素浮动或者绝对 ...

京东首页项目(2)---顶部模块 上篇对该项目做了个总述 : 京东首页项目(1)---总述 这篇就开始写京东首页。这篇所需完成的工作如下： 顶部模块一共包含3个部分: 1、京东顶部模块 2、快捷导航模块 3、头部区域模块。 一、公共样式(base.css ...

流式布局京东移动端首页实践（流式布局即百分比布局） 主要知识点：meta视口标签&背景缩放&结构伪类选择器&定位&二倍精灵图 HTML结构 思路复盘 头部：一个大盒子里面装四个小盒子，给小盒子设置浮动和百分比宽度 search模块 ...