浮动。布局

布局属性:

float:left/right/none

clear:left/right/both


设置一个元素左浮动时

图文混排效果

导航



设置一个元素右浮动时

"更多"右侧浮动显示

"时间"右侧浮动显示

设置多个元素动,多数用在布局上


两个元素同时左浮

块元素横向显示

两个元素同时右浮(几乎不用)

一个元素左浮    一个元素右浮


布局:流体布局

固定宽度且居中布局**

混合式布局

页面结构:

头部

导航

banner

主体

脚步


****

栏目标题

导航

文章列表

图片列表

布局的第一步:

 1.写全局样式

注:1只要是浮动的元素都会变成块级元素

   2浮动的元素没有宽和高

   3浮动的元素的父元素高度会塌陷(暂时解决高度的方法是:给父元素增加高度)


border-radius:圆角边框

>  >  

<  <

你可能感兴趣的:(浮动。布局)