/
top: 0;
再后 , 设置 left: 50% 样式 , 将盒子左侧设置到中心位置 , 这个 50% 是相对于父容器的 比例 , 也就是浏览器 ;
/* 将固定定位的盒子在页面中居中对齐...在搜索框中 , 左侧是搜索栏 , 右侧是搜索按钮 ;
右侧的搜索按钮始终都是 44x44 像素大小 ;
左侧的搜索栏随着网页布局的宽度变化而变化 ;
此处 使用 Flex 弹性布局管理宽度 , 右侧的按钮直接设置一个固定大小...104 像素 */
background-size: 104px auto;
/* 设置用户信息按钮外边距 */
margin: 4px auto -2px;
}
5、CSS3 中的垂直居中对齐...- 行高 = 内容高度 ( 总高度 - 边框高度 - 内边距高度 )
普通盒子模型中 , 设置垂直居中对齐时 , 直接设置 内容高度 = 行高 即可 ;
由于采用的是 CSS3 样式 , 该模式下 ,...固定定位盒子始终显示在浏览器中指定的位置 与父容器或其它容器无关 */
position: fixed;
/* 固定定位盒子位置紧贴顶部 */
top: 0;
/* 将固定定位的盒子在页面中居中对齐