在css 布局中用float 好还是用position 好分别有什么优势
答案:2 悬赏:30 手机版
解决时间 2021-03-28 16:32
- 提问者网友:练爱
- 2021-03-27 15:47
在css 布局中用float 好还是用position 好分别有什么优势
最佳答案
- 五星知识达人网友:骨子里都是戏
- 2021-03-27 16:48
float和position这两者并没有孰好孰不好的问题,两者按需使用,各得所需的效果。
float从字面上的意思就是浮动,这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出,它并不占文档流的空间,典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是可能需要注意的地方。并且如果要考虑到古老的IE6之类的还会有一些bug诸如双边距等等问题。
而position顾名思义就是定位。有以下这几种属性:static(默认),relative(相对定位),absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间,他们并不是脱离文档的。absolute和fixed是脱离文档流的,不会占据文档流空间。
float从字面上的意思就是浮动,这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出,它并不占文档流的空间,典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是可能需要注意的地方。并且如果要考虑到古老的IE6之类的还会有一些bug诸如双边距等等问题。
而position顾名思义就是定位。有以下这几种属性:static(默认),relative(相对定位),absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间,他们并不是脱离文档的。absolute和fixed是脱离文档流的,不会占据文档流空间。
全部回答
- 1楼网友:话散在刀尖上
- 2021-03-27 18:28
要看情况。浮动和定位以后,元素就都没有高度了 浮动的可以用clear:both 来清除浮动 定位的只能固定父元素高度。
所以,如果高度固定的,里面的元素可以用position定位,好处是想定在什么位置都可以 甚至是超出父级元素的范围。而且不会影响其他的元素
如果高度不固定。分左右排版或者左中右排版的,可以用float 然后用清除浮动来确定高度。
所以,如果高度固定的,里面的元素可以用position定位,好处是想定在什么位置都可以 甚至是超出父级元素的范围。而且不会影响其他的元素
如果高度不固定。分左右排版或者左中右排版的,可以用float 然后用清除浮动来确定高度。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯