Html 是否可以删除默认填充，同时保持相对位置？

我尝试了很多方法来删除默认的填充，但是由于位置是绝对的，我想知道是否可以让面板的宽度为100%，填充为0，但同时保持相对的位置

这是HTML：

 <div class="mainbody container-fluid " style="width:800px; margin:0 auto; 
    background-color: red">
 <div class="row">
     <div  class="col-lg-9 col-md-9 col-sm-12 col-xs-12">


        <div class="iduser">random
                    <span>
                       <div></div>
                    </span>
                 </div>
        <div  class="panel panel-default col-md-12">
           <div class="panel-body">
              <div class="pull-left">

                 <div class="panel-heading">random</div>
                 <div class="seperate"></div>
                  <div class="panel-body">
                    <p>random </p>
                 </div>
                 <div class="panel-footer"> random

                 </div> 
               </div>
        </div>
        </div>

      </div>

    </div> <!-- /.row -->
 </div>   <!-- /.main body-->

---

由于您的要求是无填充和空白，因此方法有点复杂。我相信，如果你有选择地、有策略地使用填充和边距，就会更容易

您可以在

ul

列表中的项目之间添加一些unicode转义空格字符

\0000a0

。为此，您需要伪元素

：在
之后添加
li
标记

以下是我在提供的链接中获得该网站布局的想法

创建一个名为
center\u bar
的子容器，并将您的
ul
列表添加到其中
从您的
ul
列表中取出带有标签
Brand
的锚定，并将其添加到
中心条中
现在，您的中间条div 1中有两个元素。您的
品牌
锚定和2。您的
ul
列表
将宽度添加到
中_栏
的%中，并显示
内联块
在您的
中间\u条内
将您的
ul
标签向右浮动
为该浮动元素添加一个明确的修复
现在将文本对齐<代码>中心>代码>到您的代码>导航栏< /代码>，使内联块<代码> Center No.Bar <代码>将居中。

我能找到的最接近的是这个..请参阅代码段（确保删除此代码段中的所有边框）


*{
保证金：0；
填充：0；
}
navbar先生{
排名：0；
位置：固定；
宽度：100%；
背景色：rgb（114，40，114）；
文本对齐：居中；
字体大小：25px；
}
保险商实验室{
列表样式：无；
flex-flow：行nowrap；
背景色：rgb（114，40，114）；
证明内容：之间的空间；
对齐项目：居中；
}
ul#品牌{
文本对齐：居中；
}
关于{}
ul#公文包{}
ul#联系{}
ul li a：悬停，
ullia：焦点{
文字装饰：无；
颜色：白色；
}
ulli{
浮动：对；
}
保险商实验室{
边框：纯黑；
显示：内联块；
浮动：对；
}
#中柱{
宽度：85%；
边框：纯绿色；
显示：内联块；
文本对齐：左对齐；
}
#中心栏：第一个孩子：之后{
内容：“；
显示：块；
缩放：1；
明确：两者皆有；
}
李：之后{
内容：“\0000a0\0000a0\0000a0”；
}






由于您的需求是无填充和空白，因此方法有点复杂。我相信，如果你有选择地、有策略地使用填充和边距，就会更容易

您可以在
ul
列表中的项目之间添加一些unicode转义空格字符
\0000a0
。为此，您需要伪元素
：在
之后添加
li
标记

以下是我在提供的链接中获得该网站布局的想法

创建一个名为
center\u bar
的子容器，并将您的
ul
列表添加到其中
从您的
ul
列表中取出带有标签
Brand
的锚定，并将其添加到
中心条中
现在，您的中间条div 1中有两个元素。您的
品牌
锚定和2。您的
ul
列表
将宽度添加到
中_栏
的%中，并显示
内联块
在您的
中间\u条内
将您的
ul
标签向右浮动
为该浮动元素添加一个明确的修复
现在将文本对齐<代码>中心>代码>到您的代码>导航栏< /代码>，使内联块<代码> Center No.Bar <代码>将居中。

我能找到的最接近的是这个..请参阅代码段（确保删除此代码段中的所有边框）


*{
保证金：0；
填充：0；
}
navbar先生{
排名：0；
位置：固定；
宽度：100%；
背景色：rgb（114，40，114）；
文本对齐：居中；
字体大小：25px；
}
保险商实验室{
列表样式：无；
flex-flow：行nowrap；
背景色：rgb（114，40，114）；
证明内容：之间的空间；
对齐项目：居中；
}
ul#品牌{
文本对齐：居中；
}
关于{}
ul#公文包{}
ul#联系{}
ul li a：悬停，
ullia：焦点{
文字装饰：无；
颜色：白色；
}
ulli{
浮动：对；
}
保险商实验室{
边框：纯黑；
显示：内联块；
浮动：对；
}
#中柱{
宽度：85%；
边框：纯绿色；
显示：内联块；
文本对齐：左对齐；
}
#中心栏：第一个孩子：之后{
内容：“；
显示：块；
缩放：1；
明确：两者皆有；
}
李：之后{
内容：“\0000a0\0000a0\0000a0”；
}






您是说面板页脚吗？你希望它100%是什么？因为目前它有99.5%的面板宽度和车身位置有什么关系？内部文本？@notblakeshelton我已经给了它99.5%的宽度，但如果我保持相对位置，它不会应用它。除非我把它改成绝对。你是说面板页脚吗？你希望它100%是什么？因为目前它有99.5%的面板宽度和车身位置有什么关系？内部文本？@notblakeshelton我已经给了它99.5%的宽度，但如果我保持相对位置，它不会应用它。除非我把它改成绝对值。
  * {     /* Changing the round nav bar edges */
 border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 }
 body {  /*Background properties*/
overflow-y: scroll;
background-color: #e9ebee;
}
.panel-default{    /* Context back panel*/

border-color: black;
height: 240px;
width: 540px;
position: absolute;
}

.panel-heading{    /* Tittle  */
background-color: brown;
width: 35em;
margin-left: 1px;
position: relative;  

}
.panel-body{    /*   main body */



}
.panel-footer{   /* Reacting panel footer */
background-color: gray;
position: relative;
width: 99.5%;
left: 0;
margin-left: 1px;
bottom: 0;
margin-bottom:1px;
border-top-width: 0px ;


/*padding: 0; when finished*/



}

.seperate{
 position: absolute; 
 border:1px solid #000;
 width: 99.5%;
 left: 1px;
}