IE6下padding的一个影响布局的问题

  发布时间:2011-01-18 14:15:32   作者:佚名   我要评论
在某容器上使用padding-left:15px 同时使用line-height,并且容器宽度使用默认值(100%填满父容器).这时,这个容器就会被撑出父容器,且溢出大小为15px.
问题:在某容器上使用padding-left:15px 同时使用line-height,并且容器宽度使用默认值(100%填满父容器).这时,这个容器就会被撑出父容器,且溢出大小为15px.

解答:要避免这种情况,就要去掉line-height,如果非要用,就一定要指定height的值.

在网页制作时,这种问题有很多,一定要综合考虑,我说的只是其中一种情况,希望可以帮到您!

相关文章

  • CSS3里box-shadow属性的使用方法示例详解

    这篇文章主要介绍了CSS3里box-shadow属性的使用方法示例详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧需要的朋友可以参
    2020-07-03
  • CSS垂直居中的另类实现代码详解(不走寻常路)

    这篇文章主要介绍了CSS垂直居中的另类实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-02
  • CSS Viewport 单位 实现快速布局

    这篇文章主要介绍了使CSS Viewport 单位 实现快速布局的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考
    2020-07-02
  • css布局两个button在同父标签中左右两侧分布的方法

    这篇文章主要介绍了css布局两个button在同父标签中左右两侧分布的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随
    2020-07-01
  • CSS变量对JS交互组件开发带来的提升与变革示例代码详解

    这篇文章主要介绍了CSS变量对JS交互组件开发带来的提升与变革示例代码详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-01
  • 完美解决webpack打包css背景图片路径问题

    这篇文章主要介绍了完美解决webpack打包css背景图片路径问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-01
  • 纯CSS实现选中商品后右下角显示√号功能

    这篇文章主要介绍了纯CSS实现选中商品后右下角显示√号功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-30
  • css 实现动态二级菜单

    这篇文章主要介绍了css 实现动态二级菜单效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-30
  • Flex移动布局中单行和双行布局的区别及使用详解

    这篇文章主要介绍了Flex移动布局中单行和双行布局的区别及使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-29
  • CSS实现导航固定的、左右滑动的滚动条制作方法

    这篇文章主要介绍了CSS实现导航固定的、左右滑动的滚动条制作方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考
    2020-06-29

最新评论