CSS加上position: absolute;属性就不能靠右,不加的话就不会height100%显示,该怎么解决该问题?

position: absolute;
float:right;
width: 70%;
height:100%;

我想达到靠右,横大小70%,上下大小100%。

如果加上position: absolute;,上下100%就无效
如果不加position: absolute;,靠右就无效

第1个回答  推荐于2018-04-06
绝对定位的时候也就是position: absolute;的时候float:left是无效的
你要居左的话要用:left:0px本回答被提问者和网友采纳
第2个回答  2020-12-22

Vue实践-CSS样式position/display/float属性对比使用

CSS加上position: absolute;属性就不能靠右,不加的话就不会height100%...
绝对定位的时候也就是position: absolute;的时候float:left是无效的 你要居左的话要用:left:0px

position: absolute是什么意思?
首先,创建一个HTML文件,设置一个div,然后在内容底部添加10个换行符,以便观察定位前后的变化。初始状态下,div会出现在浏览器的底部,因为没有设置定位属性。接下来,为这个div添加"class",并将其position属性设为absolute。然后,通过调整top和left属性,比如设置为向上50px和向左50px,这样可以改变div...

css设置高度height: 100%滚动条无法显示的解决办法
正确设置div元素显示滚动条的关键在于确保包含该div元素的所有父元素的高度也为100%。只有这样,滚动条才会在div内部正常显示。若忽略了这一条件,滚动条将无法展现。另一种实现滚动条的方法是给包含div元素的父元素添加浮动属性(如float: left; 或 float: right;),这样也可以实现滚动条的显示。在具体...

position: absolute什么意思?
在CSS中,position: absolute是一种定位方式。当一个元素的position属性被设置为absolute时,这个元素的位置将相对于其最近的已定位的祖先元素进行定位。如果没有已定位的祖先元素,那么它会相对于初始包含块进行定位。这意味着,你可以通过指定left、right、top和bottom属性,来精确地控制元素的位置。1. 绝...

POSITION: absolu
在CSS中,POSITION: absolute; 属性是一个关键的定位方式,它的含义是设定元素的定位相对于其最近的非静态定位祖先元素,或者如果不存在这样的祖先,则相对于文档的body元素进行定位。当使用这个属性时,通常会配合width=xxx和height=xxx来明确元素的具体位置。这里的"绝对"指的是起点,即元素从文档的左上...

给DIV一个样式是:“position: absolute;”,那它下面的DIV就会跑到上面...
样式 position:absolute;为绝对位置,与边框无关,计算宽度时要考虑border,padding,margin等因素。你这里top的有1px的边框,所以宽度300px就不够了,将宽度改为302px就可以了。所以,top行应改为:

Html中的position:absolute的意思
1、“position:absolute”是绝对定位的意思,单纯的使用absolute属性并不会其效果,需要配合“top bottom left right ”属性才能看到效果。首先需要新建一个html文件,这里定义了10个换行符,换行符的下面定义一个div:2、此时保存文件,打开浏览器可以看到div在浏览器的下方位置,接下来来设置绝对定位,让...

html中设置层position:absolute;属性后上面的下拉菜单被遮挡,该怎么...
给下拉菜单层加个z-index:1999;相当于是z轴上给个最大值,那么下拉层就始终是在最上面的一层,不会被遮挡。

...子容器用position:absolute定义 。父容器不能高度自适应
)使元素的位置与文档流无关,因此不占据空间。设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。要子容器自适应高度,就不能用position:absolute; 你可以用 相对定位(position:relative;)来确定子容器的位置。

css 为什么我给li加了position:absolute 他们重叠在一起了
因为加了这个属性之后,元素li就变成了绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。因此,四个li都定位到了左上角,就产生了重叠的现象。注意,定位会覆盖掉css代码中的:float:left;让其失效。【position:absolute 】用法:将对象从文档流中拖出,使用left,right,top,bottom等...

相似回答