61,128
社区成员
发帖
与我相关
我的任务
分享请教一句css代码
今天我在学习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>不换行了？
谢谢！
------------------------------------------------------------
大家先看一下这几句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>不换行了？
谢谢！
...全文
请发表友善的回复…
发表回复
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的优先级高。
<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的
