关于css中浮动float的问题：制作横向菜单栏时，

html-css022

关于css中浮动float的问题：制作横向菜单栏时，,第1张

浮动都是相对于自身的父元素而言的。打个比方，一个集装箱里放着好多纸箱，纸箱里装着一件件货物，这些货物在纸箱里的排列状况是不会影响到纸箱在集装箱里的排列的，同样，纸箱在集装箱里的排列状况也是不会影响到货物在每个纸箱里的排列的。关键要看你的目的是什么，如果是想让纸箱在集装箱里排列得更整齐些，那么你只需要移动纸箱即可，用不着动里面的货物；而如果是想整理一下纸箱里的货物，那么就只需打开纸箱对货物进行整理即可，不需要移动纸箱的位置。

HTML +CSS 页面布局

主要的CSS

宽度 width:250px

渐变   background: linear-gradient(to bottom, #ff7600, #ffd580)

背景图 background:url(./bz.gif) no-repeat

边框    border:4px solid #ec9005

圆角  border-radius:4px

阴影 box-shadow:5px 5px 5px #999

行高：line-height: 48px

内边距 padding:10px

外边距  margin-top:20px