一、css布局的方式:
1、默认的,就是按文档流的顺序,即按html的结构顺序。
2、浮动方式:
3、定位方式:
二、浮动
1、浮动是将,块元素的,霸道属性,即独占一行的行为,取消,允许别人与他一行。
浮动的核心思想:浮动其实是,这个块,从原来的文档流模式中,分离出来,它后面的对象,就视它不存在。
浮动口诀:浮动浮动,先浮后动,先浮,就是浮动的对象,会先飘起来,即离开原来的位置;后动,就是它后面的对象,会向它原来的位置上,动起来。
2、常用的布局效果,例如,一行并列式,就是在一行中,显示几个块元素,如何实现的呢?
答:如果想让,多个块,显示在同一行中,可以将,这些块,都设置为浮动,并且浮动方向相同。
3、css把网页元素,分为两类,一种是块,一种是内联元素。
body,div,p,h1都是块
ul与li默认情况下是块元素,要想让他们在一行中显示,就要用到浮动。
4、如果有两个div1和div2,div1左浮动后,如何让div2内的文字或图片显示出来(即显示在div1同一行的后面)?
答:d i v 2 的 w i d t h ≥ d i v 1 的 w i d t h + d i v 2 内文字或图片的宽度 ,
否则就显示不出来(图片显示不出来,文字还在原来的位置不动)
5、如何知道有没有兼容性?
答:我们在制作时,你多使用不同的浏览器查看你的结果,这样,你就能知道,各种浏览器的差别。
总结出,当IE6父元素,中的子元素,的高度超过了,父元素的高度,IE6默认,会把父元素的高度,自动增加。
三、清除浮动:就是可以去掉前面对象浮动,对后面对象的影响。
1、为什么要清除浮动?
答:当元素有浮动属性时,会对其
css3种布局方式:默认文档流、浮动布局、定位布局-----看张鹏老师视频笔记
最新推荐文章于 2022-01-04 00:49:21 发布