css浮动文字不浮动问题


css浮动文字不浮动问题

在div+css中浮动不起作用,可能是原因是设置float的这个元素不是块级元素,所以float对它是不起任何作用的,如span和a这些标签。

<html>
<head>
<style>
    #sub{ 
        width:300px;
        height:30px;
        float:left;
    }
    span{
        width:300px;
        height:30px;
        float:left;
    }
</head>
<body>
    <div>
        <div id=sub>测试文字,</div>
        <span>我不会浮动的</span>
    </div>
</body>
</html>

我们想要浮动的话,只要将span那在加一个display:block;就能够实现浮动了。

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css浮动文字不浮动问题的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑