想知道什么时候用浮动,什么时候用定位?

对于浮动和定位还是搞不清楚,求助,最好能有个例子说明,多谢!

紫陌东城
浏览 3281回答 4
4回答

淡雅的默

浮动,是因为有时候元素属于内联元素的时候是自动流式布局的,当我们想让一个或者多个元素有格式的有可观性的时候,需要给他进行浮动;比如:多个li,给他左浮动就会显示一排,不然是一行一行地显示;定位:定位是根据自己网页的需要的时候,想把某个元素的位置固定在哪里哪里或者相对于什么来定位;那么讲解下position定位;position定位常用的三种;1、relative,相对定位;相对定位只根据父元素的位置定位,一般默认是在父元素下面没有任何样式,可以自己规定相应的样式;2、absolute,相对于父元素的绝对定位,这是定位一般用在元素内需要进行绝对定位的元素,(如:我想把一个图片绝对定位到元素内的左下角,一般这样写:img{position:absolute;right:0;bottom:0;})注意的是,元素使用绝对定位后,那么它的父元素需要进行一次相对定位,不然绝对定位的元素是以body(也就是整个网页)来进行定位的;3、fixed,相对于浏览器窗口来定位;这个定位一般用到的地方,如网页右侧的联系弹框,返回顶部,分享等;怎么使用呢?样式(以类名为top为例):.top{positon:fixed;left:0;top:100px;}表示:元素显示在浏览器的最右边,距离顶部100px的距离;

莫欺少年穷i

两个块级元素在一行用浮动   定位有相对定位和绝对定位    希望能给你点帮助

幕布斯6393831

你有必要好好理解一下浮动,与定位,深入了解,,理解之后差不多就可知道了
打开App,查看更多内容
随时随地看视频慕课网APP