css里怎么让div或者其他盒子里的东西宽高不变的任意移动而不被其他东西遮盖住？

Posted 2023-05-09

div 
    position: fixed;
    left:20px;
    top:20%;
    z-index:999;

z-index  这个是设置div的层级的， 如果你网页里面其他任何内容的层级都低于999， 那么这个DIV将会在最顶层。 谁都无法覆盖它。    999  这个数值可以调整。

追问

任何内容都可以加z-index么

不设置的话有默认值？

追答

要设置为浮动层，才能 z-index； 不设置的话大家层级都是一样的。 如果不设置为浮动层，那么直设置 z-index也是没用的；
浮动层就是这个 position ， 可设置为 fiexd 和 absolute

参考技术A 用padding或margin进行调整

div的最小宽高和最大宽高

div的最小宽高和最大宽高很少使用但是很实用，今天敲代码，就遇到了，要在div里设置滚动条，众所周知，一般是设overflow-y:auto,但需要一个高度，只有div里的内容超过这个高度时，才会有滚动条效果。但是这时就会有问题了，如果我div里放了一个表格，当表格为空时，div就为空白，不好看。如果要让div能自动根据其内部内容撑开高度，又不能让其太高咋办呢？

这时，最大高度就可以完美的解决此问题了

<div style="max-height:400px;overflow-y:auto">

　　内容

</div>

同理，设置最小高度

<div style="min-height:200px;">

　　内容

</div>

最大宽度

<div style="max-width:400px;overflow-x:auto;">

　　内容

</div>

最小宽度

<div style="min-width:200px;">

　　内容

</div>

这四个属性也可以配合使用