                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

对块状元素设置position：absolute，元素还是两行显示，好像没有隐性改变display的值

<a href="#" title="">我是a标签</a>

<li>我是li标签</li>

</div>

对li标签设置css属性

.container li{

position: absolute;

/*display: inline-block;*/

/*float:left;*/

/*width: 200px;*/

background:#ccc;

}

元素还是两行显示

21克_XF

2016-02-28

源自：初识HTML(5)+CSS(3)-升级版 15-11

关注问题我要回答

1419

操作

收起

3 回答

code16
2016-03-20

题主忘了一个事情：absolute的意义！

“这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位”

在这里，其父包含块是<div class="container">，在没有设定left、right、top、bottom属性的情况下，其会自动从最近邻的上一个元素的下一行显示，具体的情境可以在12-9的练习中看出（重置代码后，只设定box4是absolute，box4对应的元素就会在图片的下面显示）。

0 回复有任何疑惑可以回复我~

收起回答

CQ_engineer
2016-03-06

我试了试一行

0 回复有任何疑惑可以回复我~

收起回答

快不快乐有天终过去
2016-02-28

<li></li>是列表标签，肯定要另起一行的

0 回复有任何疑惑可以回复我~

收起回答

21克_XF 提问者

li标签的display变成inline-block后不是应该变成一行显示么？

2016-02-28 回复有任何疑惑可以回复我~

从此浪迹天涯了无牵挂回复 21克_XF 提问者

left的时候可以在同一行。使用position:absolute不能在一行。具体为什么我也不明白，哎

2016-03-06 回复有任何疑惑可以回复我~

Lshah0 回复 21克_XF 提问者

能成为 inline-block的元素好像就img和input 下面是老师课程所说：内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。

2016-03-08 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1227414 人
解答问题 18248 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答块状元素变成行内元素，还是会分行显示

3 回答行内元素与块状元素用display属性改变之后是否就可以设置对方的属性了呢

2 回答设置为块状元素

1 回答行内元素与块状元素

3 回答块状元素和行内元素

搜索更多本课相关问答

对块状元素设置position：absolute，元素还是两行显示，好像没有隐性改变display的值

我要回答关注问题

热搜

最近搜索清空

对块状元素设置position：absolute，元素还是两行显示，好像没有隐性改变display的值

3 回答

本课相似问答

对块状元素设置position：absolute，元素还是两行显示，好像没有隐性改变display的值