css3基础100问之header部分search部分是怎样完成的呢?(30)

一个大框里面有两个小框组成。 

切记:input文本框右边框是没有的。 

search右外边距 

整体search就弄好了，然后看里面小框的设置。 

先弄input部分， 因为有边框，所以高度变成了40px了

设置右边框是没有

设置默认提示信息

默认提示信息与边框有距离呀。设置内边距，可是一旦设置内边距，就会撑大盒子，因为input盒子是有大小的。

因为会撑大盒子，所以360px,减去15px得到345px

按钮设置

撑大盒子的原因是padding的原因,上面已经处理了

理论上应该是下面两个图，可是实际情况不是的

两者之间有间隙，原因是行内块元素之间有默认的宽度，我们只有加入浮动，消除这种间隙

一浮全浮。input和button都需要浮动。