首页 > Web开发 > 详细

html css 布局知识概况

时间:2016-07-11 17:03:03      阅读:242      评论:0      收藏:0      [点我收藏+]

1、如果想设置页面居中,当设置margin属性为auto的时候,不能在设置浮动或绝对定位属性。并且一定要设置width为一个定值

2、盒子模型三维立体结构图

  技术分享

3、浮动布局 利用浮动可以实现横向布局,通过float来实现(left--左浮动,right--右浮动,none--不浮动),特点是:元素会左移动,或右移动,直到触碰到容器为止。

     当元素没有设置宽度值,而是设置了浮动属性,元素的宽度会随着内容的变化而变化。

    当元素设置了浮动属性以后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素。

    清除浮动(一般是对收到浮动影响的元素):1、clear属性--常用clear:both;clear:left;或者clear:right ;  2、设置width:100%(或是固定宽度)+overflow:hidden;

4、横向布局:主要用到的技能:float属性---使纵向排列的块级元素,横向排列,margin属性--设置两列之间的间距; 

 

html css 布局知识概况

原文:http://www.cnblogs.com/sunting1989/p/5660517.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!