`

通过再套一个盒子来解决padding不起作用的问题

阅读更多
当发现使用padding 或margin属性 在ff 中不起作用时,尽管你在文本中已经声明好了浏览器分别会采用standart 模式和most standart 模式来进行解析,但此时还是会出现上面说到问题,虽然对此时对盒子的计算模式是相同了,但在嵌套盒子的理解上还是存在着一些差别,可以采取解决的方法是在需要作用的盒子里面再嵌套一个一个空盒子。(如果是在外面写个空盒子的话,效果不变,问题依然存在)
分享到:
评论

相关推荐

    十天学会DIV+CSS WEB标准

    最后一天,教程将总结所学内容,并引导学员进行实践项目,通过实际操作巩固理论知识,提升解决问题的能力。 总的来说,这套教程旨在让学习者在十天内熟练掌握使用DIV和CSS进行WEB标准布局的方法,从而提升网页设计...

    2天掌握DIV+CSS网页制作技术

    网页制作技术中,"DIV+CSS"是一个常见的术语,但它实际上并不准确。正确的表述应该是xHTML+CSS,这是一套遵循Web标准的页面构建方法,旨在将内容(结构)、样式(表现)和行为(行为)分离,提高网页的可读性、可...

    CSS预习资料.rar

    每个元素都可以看作一个矩形盒子,这些部分共同决定了元素在页面上的占用空间。 CSS还有层叠与继承的概念。层叠允许多个样式规则应用到同一元素,根据优先级决定哪个生效。继承则意味着子元素可以继承父元素的一些...

    CSS5日精通样式表.rar

    7. **定位和浮动**:理解`position`属性(static、relative、absolute、fixed)和浮动(float)的作用,以及如何解决浮动元素引起的布局问题。 8. **CSS3新特性**:学习CSS3引入的新选择器、过渡(transitions)、动画...

    div+css网页标准版式布局大全

    3. **盒模型**:在CSS中,每个元素都可视为一个盒子,包含内容区(content)、内边距(padding)、边框(border)和外边距(margin)。理解盒模型对于精确布局至关重要。 4. **定位机制**:包括静态定位、相对定位、绝对...

    2016前端面试题及答案.pdf

    10. **IE6常见bug的解决方法**:双边距bug通过display属性解决,3像素问题使用display:inline,超链接hover失效需调整顺序,z-index问题给父级设置position,PNG透明问题用js,min-height使用!important,select遮盖...

    前端面试题汇总.pdf

    20. **盒子模型**:CSS盒子模型定义了元素框处理元素内容(content)、内边距(padding)、边框(border)和外边距(margin)的方式。 21. **初始化样式**:重置CSS文件用于消除不同浏览器之间的默认样式差异,...

    大学生jsp+css网页精品作业系列14

    在这个系列的作业中,大学生们可能已经实践了如上的JSP和CSS技术,并通过实际项目锻炼了编程、网页设计和问题解决能力。通过下载和研究这些作业,其他学习者可以了解如何结合JSP和CSS创建动态、美观的网页,同时也...

    网页设计css学习的不错资料

    这套“精通CSS+DIV网页样式与布局--书中实例”压缩包文件,显然是一份深入学习CSS的宝贵资源,尤其是对于那些希望提升网页设计技能的人来说。 CSS的核心在于分离内容和表现,使得网页设计更加灵活且易于维护。通过...

    前端面试题汇总

    - **不同浏览器的默认样式差异**:通过 Reset CSS 或 Normalize CSS 解决。 - **IE 特有的 Bug**:如双边距 Bug,使用条件注释或 Hack 解决。 **40. 对WEB标准及W3C的认识** - **W3C**:万维网联盟,负责制定 Web ...

    布局

    每个HTML元素都可以视为一个矩形盒子,包含边距(margin)、边框(border)、填充(padding)和内容区域。盒模型决定了元素占据的空间大小,是布局的基础。 2. **流体布局**:流体布局是一种根据浏览器窗口大小自动...

    html-css-source-code-css source code

    还有盒模型的理解,包括`content`、`padding`、`border`和`margin`,以及如何通过`box-sizing`属性来调整盒模型的行为。 此外,你可能会遇到CSS布局技术,如浮动(`float`)、定位(`position`)、Flexbox(弹性...

    exam

    在IT行业中,CSS(Cascading Style Sheets)是一种至关重要的技术,用于定义网页的布局、样式和...通过解决这些问题,学习者可以加深对CSS的理解,提高实际操作能力。这种实践性的学习方法对于掌握CSS的运用非常有效。

    Css-source-code:这些守则是实验目的-css source code

    开发者可能会用这些代码来测试新的CSS规则,优化性能,或者探索如何解决特定的设计问题。 1. **选择器**:CSS的选择器用于匹配HTML或XML元素。基础选择器包括元素选择器(如`div`)、类选择器(`.class`)、ID选择...

    Kashmiri.Dev

    每个元素都被视为一个矩形盒子,这些属性共同决定了元素占据的空间。 3. **布局技术**:CSS提供了多种布局方式,如浮动布局(float)、定位(positioning)、Flexbox(弹性盒布局)和Grid(网格布局)。它们各自...

    nonsoandre.github.io

    每个元素都被视为一个矩形盒子,这些部分共同决定了元素的总大小。 3. **布局方式**:CSS提供了多种布局方式,如流体布局(使用百分比宽度),网格布局(CSS Grid),Flexbox(弹性盒布局)和CSS3的多列布局,以...

    newsouthconsultants

    PostCSS则是一个后处理器,可以通过插件转换未来的CSS语法,使其在当前浏览器中兼容。 7. **CSS重置和框架**:为了消除不同浏览器之间的默认样式差异,通常会使用CSS重置(如Eric Meyer Reset或 Normalize.css)。...

    user-interface-vanilla-css-bootstrap

    纯CSS意味着不依赖任何库或框架,而是直接使用原生的CSS语言来设计页面布局、颜色、字体、动画等。 1. **CSS选择器**:选择器是CSS的基础,用于定位HTML中的元素,例如`class selector (.myClass)`, `ID selector ...

Global site tag (gtag.js) - Google Analytics