Question

我看到容器周围有额外的空白区域.... 如何去除容器周围多余的空白区域.... 我尝试给宽度100％.... 没什么工作...... 如何解决它......

http://jsfiddle.net/PK2Ep/embedded/result/

@media (min-width: 1200px)
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1170px;
}
.container {
margin-right: auto;
margin-left: auto;
}


<div id="landing">


                        <div id="headdemo" style="position: static; text-align: center;">

                            <h2>
                                <a href="http://viralpatel.net"></a>
                                <input type="text" placeholder="Search" id="c_fdCompanyName" name="bcompanyname" value="" required="required">
                            </h2>
                        </div>


                <div class="container">
                    <a href="#">
                        <img alt="change" class="defieLogo" src="http://www.defie.co/images/defie_logo_only.png">
                    </a>
                    <p style="font-weight: bold; margin-bottom: 0px;">
                        47657 Lakeview Blvd, Fremont CA 94538</p>
                    <p style="font-weight: bold; margin-bottom: 0px;">
                        Tel:  510-657-8981 <span ztyle="padding-left: 18px;">wwww.abcdfg.com</span></p>
                </div>
                <div class="container" style="font-weight: bold; font-size: 24px; color: #1a4567; padding-top: 15px; padding-bottom: 15px;">Purchase Order</div>
                <div class="container">
                    <section>

Answer 1

你有来自某个地方的内联样式margin-top: 25px;。

这是你的问题：

.page {
    text-align: left;
    margin: 0 10px;
}

Answer 2

编辑：哦好吧那么 - 你的.uneditable-input增加了6px的填充。

您的类导航栏在html源代码中定义了填充（如果这是您正在讨论的空间）。

<div class="navbar navbar-inverse navbar-fixed-top" style="padding-left:15px; margin-top: 15px;">

容器周围的额外空白区域

2 个答案: