Html 将一个像素添加到表格高度可更改样式

Html 将一个像素添加到表格高度可更改样式,html,css,Html,Css,我有一个divclass=contentArea,它有两个div: divclass=informationClass divclass=chartsClass 在contenAreadiv下,我有divclass=agent表wrap informationClassdiv有一个表class=informationTableClass 那张桌子很高 当我到达692高度时。这就是我得到的 我的问题 当我将高度增加到693时,左侧有一个巨大的空白区域。就是这个 我希望你能帮我解决这个问题 定义您

我有一个div
class=contentArea
,它有两个div:

  • div
    class=informationClass
  • div
    class=chartsClass
  • contenArea
    div下,我有div
    class=agent表wrap

    informationClass
    div有一个表
    class=informationTableClass

    那张桌子很高

    当我到达692高度时。这就是我得到的

    我的问题 当我将高度增加到
    693
    时,左侧有一个巨大的空白区域。就是这个


    我希望你能帮我解决这个问题

    定义您的
    .contentArea
    溢出:隐藏

    像这样

    .contentArea{
    overflow:hidden;
    }
    
    <div class="contentArea clearfix"> // define here class
    
    -------------------------------------- 第二个选择是这个

    定义一个类
    .clearfix
    ,并像这样应用于
    .contentArea

    css

    .clearfix{*zoom:1}
    
    .clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
    
    .clearfix:after{clear:both}
    
    html

    .contentArea{
    overflow:hidden;
    }
    
    <div class="contentArea clearfix"> // define here class
    
    //在此处定义类
    
    定义您的
    .contentArea
    溢出:隐藏

    像这样

    .contentArea{
    overflow:hidden;
    }
    
    <div class="contentArea clearfix"> // define here class
    
    -------------------------------------- 第二个选择是这个

    定义一个类
    .clearfix
    ,并像这样应用于
    .contentArea

    css

    .clearfix{*zoom:1}
    
    .clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
    
    .clearfix:after{clear:both}
    
    html

    .contentArea{
    overflow:hidden;
    }
    
    <div class="contentArea clearfix"> // define here class
    
    //在此处定义类
    
    添加
    浮动:左
    清除:两者都有到.agent表包装类。

    添加
    浮动:左
    清除:两者都有
    到.agent表包装类。

    .contentArea
    的高度
    为100%。你也要删除它吗?
    .contentArea
    的高度
    为100%。你想把它也去掉吗?