请教一句css代码

qybei 2003-12-16 10:31:35
今天我在学习css的时候遇到了一个问题想不明白,这里请教一下大家:
------------------------------------------------------------
大家先看一下这几句html代码:
<html>
<body>
<p>hello</p>
<p>world</p>
</body>
</html>

这时显示的"hello"和"world"分别在两行来显示;
我接着加了一句css代码,如下:

<html>
<body>
<p style="position:absolute;left:12px">hello</p>
<p>world</p>
</body>
</html>

这时候我发现,"hello"和"world"在一行显示了,并且重叠在一起。
我不明白的是,为什么加了position属性后,<p>...</p>不换行了?

谢谢!
...全文
7 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
buzaiyouyu 2003-12-18
学了点东西!
回复
redstorm11 2003-12-17
<p style="position:absolute;left:12px">hello</p>
<p>world</p>
hello和world是独立的,hello绝对位置(p,/p不起作用),world是页面的开始(p,/p起作用),style的优先级高。
回复
MeMeFang 2003-12-17
bzscs(沙虫) 的说法是正确的
回复
qybei 2003-12-17
还是不太明白
回复
lastghost 2003-12-17
来晚了没得分
回复
qybei 2003-12-17
原来是这样,谢谢了!
回复
bzscs 2003-12-16
你把hello这段文字的位置设为距离页面12px的绝对位置了,也就是说它的位置是独立于后面那个world的
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告