Html 为什么我的示例的浮动不起作用

我有一个简单的问题，我不明白为什么这不起作用：

HTML部分：

<div class="main">
<p>
  KSDfao oasdkfo posfk  ojsf a osjdf klksj f lkjsdf lkjas j lsajf lkjf  jasfd
  lksf dfj ksfpwo ksdas dflkj jf kasjf ajsfl kasjdfkjasf 9j4k lsidjf  ijsf
  öskjdf jsd falksdjf öaslkjfinkasdn ig sadf sadf sadf sadf asd fas dfsd as  
  fasd fasd fasd fasd fasd fs fsdf asdfsadf sd fsad fsad fasd fasd fasd fasdf
  sdf as f
</p>
<div class="right">Right</div>
</div>

---

文本应该在div周围浮动。这里有什么问题吗？

这是您想要的布局吗？如果是这样，请删除

位置：绝对

，并将

右

div放在标记中文本的前面

.main{
宽度：300px；
}
.对{
浮动：对；
边框：1px实心#00f；
填充：20px；
宽度：50px；
}

赖特

KSDfao oasdkfo posfk ojsf一个osjdf klksj f lkjsdf lkjas j lsajf jasfd lksf dfj KSFP两个KSDFLKJ jf kasjf ajsfl KasjFKJASF 9j4k lsidjf jsd falksdjföaslkjfinkasdn ig sadf sadf sadf asd fasd DFS DFS作为fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd FSD fsdf
asdfsadf sd fsad fsad fasd fasd fasd fasd fasd sdf as f

这就是你想要的布局吗？如果是这样，请删除

位置：绝对

，并将

右

div放在标记中文本的前面

.main{
宽度：300px；
}
.对{
浮动：对；
边框：1px实心#00f；
填充：20px；
宽度：50px；
}

赖特

KSDfao oasdkfo posfk ojsf一个osjdf klksj f lkjsdf lkjas j lsajf jasfd lksf dfj KSFP两个KSDFLKJ jf kasjf ajsfl KasjFKJASF 9j4k lsidjf jsd falksdjföaslkjfinkasdn ig sadf sadf sadf asd fasd DFS DFS作为fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd fasd FSD fsdf
asdfsadf sd fsad fsad fasd fasd fasd fasd fasd sdf as f

对于初学者，您的

位置属性上有一个拼写错误。对于初学者，您的
位置属性上有一个拼写错误。可能重复@GeorgKiedl，很高兴能够提供帮助！你觉得我完全回答了你的问题吗？如果是这样，请不要忘记单击答案左侧的灰色复选标记，将我的答案标记为“已接受”。如果您的问题还没有完全回答，请详细说明您还需要知道什么，以便社区能够为您提供进一步的帮助！谢谢@很高兴能帮上忙！你觉得我完全回答了你的问题吗？如果是这样，请不要忘记单击答案左侧的灰色复选标记，将我的答案标记为“已接受”。如果您的问题还没有完全回答，请详细说明您还需要知道什么，以便社区能够为您提供进一步的帮助！谢谢
.main{
    position:relative;
    width: 300px;
}

.right{
    poition: absolute;
    top: 0px;
    float: right;
    border: 1px solid #00f;
    padding: 20px;
    width: 50px;
}