`
solid210
  • 浏览: 52898 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

最新发现Table和Div的另一差异(也许其他人已经发现了)

阅读更多

      用iframe来加载页面时,如果目标页面的最外层用的是div,但是div的css样式里没有设置height,那么在firefox里,无论用什么代码来获取这个页面的高度,都获取不到的(至少我找了N种方法,都不好用);如果目标页面的最外层用的是table,那么在firefox里就可以获取到了。

      最近项目在改版,遇到了这个问题,iframe加载的代码都没变,但是新版页面就是加载不进来(或者说加载进来了,但就是现实不出来——在firefox里),而老版本的页面就没这问题。花了点时间仔细对比了一下,最终发现是由于上面那个原因所导致的。

      解决方法,在新版页面最外层的div外面,套一个table(懒人做饭,肯定不是最好的解决方案);或者把div改成table;或者给div的css设置height。

      终究其根本原因还是table和div加载方式不同所导致的。

0
0
分享到:
评论

相关推荐

    邮件EDM模板制作规范.doc

    - **切图与布局**:页面制作一般有两种方式,table和div。为了保证跨客户端的一致性,建议使用table进行切割。避免使用div,因为某些客户端可能不完全支持div属性。 - **图片处理**:在不影响图像质量的前提下进行...

    网站美工面试

    这涉及到用户体验设计的核心——如何通过视觉设计、布局和色彩搭配创造一个直观、友好且吸引人的界面。 #### 2. 色彩心理学在网站设计中的应用 不同类型的网站应采用不同的主色调,以符合其目标用户群体的心理预期...

    常见的web前端面试题(四)

    - JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,常用于AJAX通信。 7. 框架和库: - jQuery简化了DOM操作、事件处理和动画等功能,优点包括兼容性好、API简单、社区支持强大。 ...

    reset.css文件.zip

    这些规则的目的是确保所有元素在没有其他CSS干预的情况下,拥有一个统一的起点,从而让开发者能够更精确地控制页面的布局和样式。值得注意的是,虽然reset.css可以消除大部分浏览器默认样式,但它可能过于激进,可能...

    前端面试题汇总

    div+css布局与table布局相比的优点** - **代码简洁**:div+css 更加清晰,易于维护。 - **表现与内容分离**:CSS 负责样式,HTML 负责结构。 - **易于优化**:有利于搜索引擎抓取。 - **可复用性强**:样式可以应用...

    前端开发规范说明1

    2. **避免使用 table 标签**:虽然 table 标签常用于数据展示,但其布局方式不利于响应式设计和语义化。建议使用 CSS 布局如 Flexbox 或 Grid 来代替,以便更好地控制元素的排列和响应性。 3. **文件命名规范**:...

    web前端面试宝典

    div+css布局与table布局的优势 - **代码简洁**:减少冗余代码。 - **易于维护**:结构清晰,便于调整布局。 - **表现与结构分离**:提高可读性和可扩展性。 - **良好的浏览器兼容性**:更好地适应不同浏览器和设备...

    前端面试题

    - **块级元素**:`<div>`, `<p>`, `<ul>`, `<ol>`, `<table>`等。 - **空(void)元素**:` `, `<hr>`, `<meta>`, `<link>`等。这类元素没有闭合标签。 **04、页面导入样式时,使用link和@import有什么区别?** -...

    高质量网页设计之HTML_XHTML教程

    - **`div`**:定义一个区块或节,用于布局和应用样式。 - **`span`**:定义文档中的小块内容,用于添加样式或JavaScript行为。 - **`blockquote`**:定义引用的大段文本。 - **`q`**:定义短引用。 - **`abbr`**:...

    excel 35招学习秘籍

    "Excel 35招学习秘籍"是一份专为Excel初学者和进阶者设计的教程,旨在通过35个实用技巧,帮助用户快速掌握Excel的核心功能。下面将详细解析这些秘籍中的关键知识点: 1. **快捷键应用**:Excel中有许多快捷键,如...

    可以让IE假死的HTML代码

    总的来说,这个例子展示了浏览器对不规范HTML代码的处理差异,以及IE在容错性和稳定性方面的不足,这也是为什么许多人对IE浏览器持有负面看法的原因之一。对于开发者来说,了解并避免这类可能导致浏览器崩溃的问题是...

    HTML常用基础学习总结

    - **<div>**:通用容器标签,常用于布局。 - ****:内联容器标签,用于文本级别的样式控制。 - ****、****:无序和有序列表标签。 - ****:列表项标签。 - ****-****:标题标签。 #### 六、HTML的语义化 随着HTML5...

    面试宝典之吊打面试官系列

    - **问题**: div+css的布局较table布局有什么优点? - **答案**: - **灵活性**: DIV+CSS布局更容易修改布局和设计。 - **可维护性**: 更容易维护和更新页面。 - **SEO友好**: 对搜索引擎更加友好,有利于提高排名...

    caniuse.email:电子邮件HTML和CSS兼容性表

    例如,`<table>`和`<tr>`通常用于布局,而`<div>`和`<span>`在某些客户端中可能不可靠。 2. **CSS样式**:CSS在电子邮件中的应用受到很多限制。内联样式通常比外部样式表更可靠,且某些属性如`display: flex`或`@...

    HighScore

    - `data.json`或类似的文件:可能用于存储高分数据,JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析和生成。 - 其他可能的文件:如图片资源、字体文件等,为高分榜提供视觉元素。 在实际...

    不插电撤退:Skillcrush 206

    课程可能还会介绍列表(`<ul>`和`<ol>`)、表格(`<table>`、`<tr>`、`<td>`等)、以及区块元素(`<div>`),这些元素可以帮助你组织和布局网页内容。`<div>`尤其重要,因为它是一个通用的容器,可以用来包裹其他...

    前端工程师面试题汇总.docx编程资料

    - **块级元素**:`div`, `p`, `ul`, `ol`, `li`, `table`, `form`等。 - **空元素**:`br`, `hr`, `meta`, `link`, `img`等。 4. **`link`与`@import`的区别** - `link`用于定义文档与外部资源的关系,如样式表...

Global site tag (gtag.js) - Google Analytics