开发者社区> 问答> 正文

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

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

    <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在上述问题上有什么本质不同?

展开
收起
杨冬芳 2016-06-07 14:38:37 2503 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:30:07
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载