响应式定价表的HTML/CSS框大小或填充问题-Can'；找不到父设置-实时示例-新手：-）

在我正在构建的一个站点上，我导入了一个响应CSS定价表。它很棒，工作也很好，但在左边空白处似乎有一个40px的填充，所以在功能部分，下边框不会穿过整个表格。我调整了css，并使用firebug尝试更改其他css设置，但运气不佳。有趣的是，Firebug为over表以及Features列表显示了紫色填充，但没有显示表标题

我就是找不到导致此填充问题的代码或设置。我真的需要文本和边框穿过整列

我花了4个小时试图排除故障，现在很沮丧，需要帮助（我喜欢弄清楚自己>我是如何学习的）

下面是CSS和HTML代码——但由于发布的大小限制，我确信我可能缺少了一些影响表的父设置。由于是新手，所以无法发布屏幕截图，但Firebug在Foreox中清楚地显示了功能列表以及整个表格侧面的额外填充（紫色）

请原谅任何礼仪或命名错误-我对所有这些都是新手>自己学习HTML和CSS。提前谢谢

---

页面/站点：www.realatize.com/plans.html

表格的内容：

/******Tables*******/

/*----------
        Blocks
        ----------*/
        /*Pricing table and price blocks*/
        .pricing_table {
            line-height: 150%; 
            font-size: 12px; 
            margin: 0 auto; 
            width: 100%; 
            max-width: 940px; 
            padding-top: 10px;
            margin-top: 100px;
        }

        .price_block {
            text-align: center; 
            width: 100%; 
            color: #fff; 
            float: left;
            list-style-type: none; 
            transition: all 0.25s; 
            position: relative; 
            box-sizing: border-box;
            margin-bottom: 10px; 
            border-bottom: 1px solid transparent; 
        }

        /*Price heads*/
        .pricing_table h3 {
            text-transform: uppercase; 
            padding: 8px 0; 
            background: #333; 
            margin: -10px 0 1px 0;
        }

        /*Price tags*/
        .price {
            display: table; 
            background: #444; 
            width: 100%; 
            height: 70px; 
        }
        .price_figure {
            font-size: 24px; 
            text-transform: uppercase; 
            vertical-align: middle; 
            display: table-cell;
        }
        .price_number {
            font-weight: bold; 
            display: block;
        }
        .price_tenure {
            font-size: 11px; 
        }

        /*Features*/

        .features {
            background: #E5E5E5; 
            color: #000;
                }

        .features li {
            padding: 15px 15px 10px 2px;
            border-bottom: 1px solid #ccc; 
            font-size: 12px; 
            list-style-type: none;
        }

        .footer {
            padding: 25px; 
            background: #E5E5E5;
        }
        .action_button {
            text-decoration: none; 
            color: #fff; 
            font-weight: bold; 
            border-radius: 5px; 
            background: linear-gradient(#666, #333); 
            padding: 8px 20px; 
            font-size: 11px; 
            text-transform: uppercase;
        }

        .price_block:hover {
            box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); 
            transform: scale(1.04) translateY(-5px); 
            z-index: 1; 
            border-bottom: 0 none;
        }
        .price_block:hover .price {
            background:linear-gradient(#DB7224, #F9B84A); 
            box-shadow: inset 0 0 45px 1px #DB7224;
        }
        .price_block:hover h3 {
            background: #222;
        }
        .price_block:hover .action_button {
            background: linear-gradient(#F9B84A, #DB7224); 
        }


        @media only screen and (min-width : 480px) and (max-width : 768px) {
            .price_block {width: 50%;}
            .price_block:nth-child(odd) {border-right: 1px solid transparent;}
            .price_block:nth-child(3) {clear: both;}
            .price_block:nth-child(odd):hover {border: 0 none;}
        }
        @media only screen and (min-width : 768px){
            .price_block {width: 20%;}
            .price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
            .price_block:last-child {border-right: 0 none;}
            .price_block:hover {border: 0 none;}
        }

        .skeleton, .skeleton ul, .skeleton li, .skeleton div, .skeleton h3, .skeleton span, .skeleton p {
            border: 5px solid rgba(255, 255, 255, 0.9);
            border-radius: 5px;
            margin: 7px !important;
            background: rgba(0, 0, 0, 0.05) !important;
            padding: 0 !important;
            text-align: left !important;
            display: block !important;

            width: auto !important;
            height: auto !important;

            font-size: 10px !important;
            font-style: italic !important;
            text-transform: none !important;
            font-weight: normal !important;
            color: black !important;
        }
        .skeleton .label {
            font-size: 11px !important;
            font-style: italic !important;
            text-transform: none !important;
            font-weight: normal !important;
            color: white !important;
            border: 0 none !important;
            padding: 5px !important; 
            margin: 0 !important;
            float: none !important;
            text-align: left !important;
            text-shadow: 0 0 1px white;
            background: none !important;
        }
        .skeleton {
            display: none !important;
            margin: 100px !important;
            clear: both;
}

HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">

    <link rel="stylesheet" href="/files/theme/animate.css" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400italic,300italic' rel='stylesheet' type='text/css'>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="/files/theme/jquery.scrollTo.js"></script>
    <script type="text/javascript">
            $(document).ready(function(){ 

            $(window).scroll(function(){
                if ($(this).scrollTop() > 350) {
                    $('.scrollup').fadeIn();
                } else {
                    $('.scrollup').fadeOut();
                }
            }); 

            $('.scrollup').click(function(){
                $("html, body").animate({ scrollTop: 0 }, 600);
                return false;
            });

        });
        </script>

</head>
<body class='  wsite-theme-light'>
  <div class="section header">
    <div class="w-container-top">
      <div class="w-row">
        <div class="w-col w-col-4 company-column">
          <div class="company-title animated fadeInDown">{logo}</div>
        </div>
        <div class="w-col w-col-8 nav-bar">
        <div id="nav">{menu}</div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div style="min-height: 260px; padding-top: 80px;" class="content-bg">
      <div class="w-container-top">
        <h1 style="font-size: 22px;">{content-bg:text global="false"}</h1><br/>
        <div class="subtitle">{subtitle:text global="false"}</div>
      </div>
    </div>
  </div>

  <div class="section">
    <div class="w-container">
       <div class="w-row">
        <div class="w-col w-col-12">{col-full:content global="false"}</div>
       </div>
    </div>
  </div>

<ul class="pricing_table">
        <li class="price_block">
            <h3>Listing DIY</h3>
            <div class="price">
                <div class="price_figure">
                    <span class="price_number">$299</span>
                </div>
            </div>
            <ul class="features">
                <li>1GB Storage</li>
                <li>2 Clients</li>
                <li>5 Active Projects</li>
                <li>5 Colors</li>
                <li>Free Goodies</li>
                <li>24/7 Email support</li>
            </ul>
            <div class="footer">
                <a href="#" class="action_button">Buy Now</a>
            </div>
        </li>
        <li class="price_block">
            <h3>Listing MLS</h3>
            <div class="price">
                <div class="price_figure">
                    <span class="price_number">$499</span>
                </div>
            </div>
            <ul class="features">
                <li>2GB Storage</li>
                <li>5 Clients</li>
                <li>10 Active Projects</li>
                <li>10 Colors</li>
                <li>Free Goodies</li>
                <li>24/7 Email support</li>
            </ul>
            <div class="footer">
                <a href="#" class="action_button">Buy Now</a>
            </div>
        </li>
        <li class="price_block">
            <h3>Pro</h3>
            <div class="price">
                <div class="price_figure">
                    <span class="price_number">$999</span>
                </div>
            </div>
            <ul class="features">
                <li>5GB Storage</li>
                <li>10 Clients</li>
                <li>20 Active Projects</li>
                <li>20 Colors</li>
                <li>Free Goodies</li>
                <li>24/7 Email support</li>
            </ul>
            <div class="footer">
                <a href="#" class="action_button">Buy Now</a>
            </div>
        </li>
        <li class="price_block">
            <h3>Premium</h3>
            <div class="price">
                <div class="price_figure">
                    <span class="price_number">$1999</span>
                </div>
            </div>
            <ul class="features">
                <li>Unlimited Storage</li>
                <li>Unlimited Clients</li>
                <li>Unlimited Projects</li>
                <li>Unlimited Colors</li>
                <li>Free Goodies</li>
                <li>24/7 Email support</li>
            </ul>
            <div class="footer">
                <a href="#" class="action_button">Buy Now</a>
            </div>
        </li>
    <li class="price_block">
            <h3>Elite</h3>
            <div class="price">
                <div class="price_figure">
                    <span class="price_number">$4999</span>
                </div>
            </div>
            <ul class="features">
                <li>1GB Storage</li>
                <li>2 Clients</li>
                <li>5 Active Projects</li>
                <li>5 Colors</li>
                <li>Free Goodies</li>
                <li>24/7 Email support</li>
            </ul>
            <div class="footer">
                <a href="#" class="action_button">Buy Now</a>
            </div>
        </li>   
    </ul>


    <ul class="skeleton pricing_table" style="margin-top: 100px; overflow: hidden;">
        <li class="label" style="margin: 0 none;">ul.pricing_table</li>
        <li class="price_block">
            <span class="label">li.price_block</span>
            <h3><span class="label">h3</span></h3>
            <div class="price">
                <span class="label">div.price</span>
                <div class="price_figure">
                    <span class="label">div.price_figure</span>
                    <span class="price_number">
                        <span class="label">span.price_number</span>
                    </span>
                    <span class="price_tenure">
                        <span class="label">span.price_tenure</span>
                    </span>
                </div>
            </div>
            <ul class="features">
                <li class="label">ul.features</li>
                <br /><br /><br />
            </ul>
            <div class="footer">
                <span class="label">div.footer</span>
            </div>
        </li>


        <li class="price_block" style="opacity: 0.5;">
            <span class="label">li.price_block</span>
            <h3><span class="label">h3</span></h3>
            <div class="price">
                <span class="label">div.price</span>
                <div class="price_figure">
                    <span class="label">div.price_figure</span>
                    <span class="price_number">
                        <span class="label">span.price_number</span>
                    </span>
                    <span class="price_tenure">
                        <span class="label">span.price_tenure</span>
                    </span>
                </div>
            </div>
            <ul class="features">
                <li class="label">ul.features</li>
                <br /><br /><br />
            </ul>
            <div class="footer">
                <span class="label">div.footer</span>
            </div>
        </li>
        <li class="price_block" style="opacity: 0.25;">
            <span class="label">li.price_block</span>
            <h3><span class="label">h3</span></h3>
            <div class="price">
                <span class="label">div.price</span>
                <div class="price_figure">
                    <span class="label">div.price_figure</span>
                    <span class="price_number">
                        <span class="label">span.price_number</span>
                    </span>
                    <span class="price_tenure">
                        <span class="label">span.price_tenure</span>
                    </span>
                </div>
            </div>
            <ul class="features">
                <li class="label">ul.features</li>
                <br /><br /><br />
            </ul>
            <div class="footer">
                <span class="label">div.footer</span>
            </div>
        </li>
    </ul>

<script src="/files/theme/prefixfree.min.js" type="text/javascript"></script>


  <div class="section">
    <div class="w-container">
       <div class="w-row">
        <div class="w-col w-col-3">{col-3-first:content global="false"}</div>
        <div class="w-col w-col-3">{col-3-second:content global="false"}</div> 
        <div class="w-col w-col-3">{col-3-third:content global="false"}</div>
        <div class="w-col w-col-3">{col-3-fourth:content global="false"}</div>
       </div>
    </div>
  </div>

  <div class="section bottom">
    <div class="w-container">
     <div class="w-row secondary-row">
        <div class="w-col w-col-4">{col-tenth:content}</div>
        <div class="w-col w-col-4">{col-eleventh:content}</div>
        <div class="w-col w-col-2">{col-twelvth:content}</div>
        <div class="w-col w-col-2">{col-thirteenth:content}</div>

        <div style='padding: 20px 20px 0px 20px; width:100%; text-align:center;'>{bottom}</div>

       </div>
    </div>
  </div>
<div style='display:none'>{content}</div>
<a href="#" class="scrollup">Scroll</a>

</body>
</html>

<div id="footer">
<div id="footer-content">
<div style="visibility:hidden">
{footer}</div>

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>350）{
$（'.scrollup'）.fadeIn（）；
}否则{
$（'.scrollup'）.fadeOut（）；
}
}); 
$（'.scrollup'）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，600）；
返回false；
});
});
{logo}
{menu}
{content bg:text global=“false”}

{副标题：text global=“false”}
{col full:content global=“false”}


挂牌DIY
$299

1GB存储
2个客户
5个活跃项目
5种颜色
免费糖果
全天候电子邮件支持



上市MLS
$499

2GB存储
5个客户
10个活跃项目
10种颜色
免费糖果
全天候电子邮件支持



赞成
$999

5GB存储
10个客户
20个正在进行的项目
20种颜色
免费糖果
全天候电子邮件支持



保险费
$1999

无限存储
无限客户
无限项目
无限色彩
免费糖果
全天候电子邮件支持



精英
$4999

1GB存储
2个客户
5个活跃项目
5种颜色
免费糖果
全天候电子邮件支持




ul定价表

李.普赖斯大厦
h3
分区价格
部门价格
span.price\u编号
span.price\u任期

ul.功能





分区页脚


李.普赖斯大厦
h3
分区价格
部门价格
span.price\u编号
span.price\u任期

ul.功能





分区页脚