html - 为什么 div 文本不在块周围浮动？

Question

我迷路了....最简单的任务，它只是不起作用，我尝试了一切为什么在这个带有类浮动的codepen示例div块中根本不浮动在文本内，我的意思是为什么文本不在div周围浮动？！？！？我尝试了很多变种

https://codepen.io/antongrekov/pen/EBMbbY

尝试浮动：留在p选项卡上，仅在块上浮动，在两者上浮动，清除元素，在容器上浮动....

.wrap
    p lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS] lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS] lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS] lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS] lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS] lorem lorem ads AsD ADOPF JDS[ FOPSAF S FSD SAD DS DS S DDSDS]
    .float
    .clear

.wrap
    background: #333
    border: 3px solid red
    width: 30%
    p
        float: left


    .float
        width: 50px
        height: 50px
        border: 5px solid green
        float: left
    .clear
        clear: both

标签： htmlcsscss-float