美文网首页
设置div相对父级元素浮动布局

设置div相对父级元素浮动布局

作者: dongzhensong | 来源:发表于2019-07-31 11:33 被阅读0次

    让一个div相对父级元素浮动的话,可以将父级元素的position设置为“relative”,将需要浮动的div的position设置为“absolute”,再定位top、right、bottom和left等值。这样该div会无视其他同级元素的布局,在父级元素中绝对位置。

    注意:

    fixed定位是让div相对于浏览器窗口的绝对定位,实现在浏览器窗口中固定div的位置,使其不管网页滚动条的变化,始终在浏览器窗口中某一位置固定。使用这种定位后,如果不给div定义宽度,则div自动选择最小宽度。想让宽度随浏览器窗口大小变化而变化,则可以将宽度定为’100%‘。

    如果使用了fixed固定div位置,最好将z-index属性设置为一个较大的值,例如9999;即将浮动的div放在最上层,以免被其他元素遮盖,出现无法显示或者无法点击的情况。

    相关文章

      网友评论

          本文标题:设置div相对父级元素浮动布局

          本文链接:https://www.haomeiwen.com/subject/ybszrctx.html