html - 额外的 <div> 包装器的目的是什么?

标签 html css

我偶尔会看到以下结构:

<div id="main-header-wrapper">
    <div id="main-header">
        <span>foo</span>
        <span>bar</span>
        ...
    </div>
</div>

main-header-wrappermain-header 之间完全没有任何内容。当已经有一层(即 main-header)时,为什么要使用外包装?

最佳答案

有多个方面可以产生影响:

  • 一些布局需要这种组合。如果您需要,则取决于应用的 css 规则。看这个question了解一些细节。

  • JavaScript 代码可以读取/操作 DOM,通过节点的 id 识别节点

关于html - 额外的 <div> 包装器的目的是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27395225/

相关文章:

html - 在 Bootstrap 下拉菜单中显示与文本内联的图像

css - div 可以在 cfdocument pdf 中部分透明吗?如何?

Javascript Tic-Tac-Toe,为什么在整个棋盘都填满后等待提醒用户?

html - HAML 和 Ruby 循环以及 UL 不工作

javascript - Bootstrap 多选内的工具提示

javascript - jQuery - 移动日期选择器控件

css - 在清晰度数据网格单元格中居中内容

css - Drupal - 图像调整大小

javascript - 响应 "masonry-like"列而不使用砌体(试图避免位置 :absolute;)

javascript - 如何一键选中 HTML 页面上的所有复选框(复选框数组)