p标签和div,section有什么本质不同? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

p标签和div,section有什么本质不同?

杨冬芳 2016-06-07 14:38:37 1178

写页面遇到一个诡异问题:
代码逻辑如下:

    <ul>
        <li></li>
        <li></li>
    </ul>
    <p></p>
    <p></p>
    <p></p>
    
li{
    float : left;
  }   

结果p标签内容如下图:
screenshot
三段内容挤在一起。

怀疑是float原因,于是用了3中方法“解决”浮动:

1:<div class="clear"></div>
2:<sction>
    <p></p>
    <p></p>
    <p></p>
</sction>
3:p标签改成div标签:
<div></div>
<div></div>
<div></div>

摸索上述三种方法都可以清除浮动,那么有疑惑:
p标签和div,section在上述问题上有什么本质不同?

分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:30:07

    本质上没有什么不同,只是他们默认的样式属性是不一样的,你可以通过修改他们的样式属性使他们完全一致,不过这样做动静有点大,简单的话就是属性他们的不同样式,灵活使用。(本身他们都是 HTML 的 DOM,区分出这么多不同的样式出来也就是形成一些通用的结构,方便大家搭配使用)

    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章