-- 头部模块 - 结束 -->
2、CSS 样式
核心样式 :
首先 , 先清除 按钮的 默认样式 , 按钮默认情况下自带 边框 ;
然后 , 设置 按钮浮动 , 才能再...搜索栏盒子 中 , 与 Input 表单放置在一行 , 并且二者之间没有缝隙 , 默认的行内块元素之间会有一条无法控制的缝隙 ;
最后 , 设置按钮图片 , 按钮图片无法填充满 , 使用平铺样式 ,.../* 设置左浮动 , 方便与右侧的按钮进行排列 */
float: left;
/* 宽度为 360 像素, 但是左侧有 20 像素内边距变为 340 像素 */
width: 340px;...像素边框正好充满 */
height: 40px;
/* 1 像素边框 */
border: 1px solid #00a4ff;
/* 没有右边框 */
border-right: 0;
/* 文本左侧有...设置左浮动 使其与表单在同一行显示 */
float: left;
/* 按钮宽度 50 像素 */
width: 50px;
/* 按钮高度 40 像素 但是为了与父容器匹配 这里拉伸到 42