Css 如何删除网站上两个元素之间的空格?

Css 如何删除网站上两个元素之间的空格?,css,Css,我有两个部门,我想清除他们之间的空间。我怎么做?在代码笔链接中有此分区的代码。这里还添加了纯代码 -这是我想澄清的差距: #第页{ 宽度:100%; 保证金:0自动; 填充:0; } /*特雷切奇*/ #内容{ 溢出:隐藏; 宽度:80%; 浮动:左; 颜色:#000000; 填充:20px 0 10px 30px; 右边框:1px实心#000000; } #职位{ 明确:两者皆有; 填充:20px; 边缘底部:10px; 左边距:50像素; 边框底部:2倍实心#000000; } #后置元{

我有两个部门,我想清除他们之间的空间。我怎么做?在代码笔链接中有此分区的代码。这里还添加了纯代码

-这是我想澄清的差距:

#第页{
宽度:100%;
保证金:0自动;
填充:0;
}
/*特雷切奇*/
#内容{
溢出:隐藏;
宽度:80%;
浮动:左;
颜色:#000000;
填充:20px 0 10px 30px;
右边框:1px实心#000000;
}
#职位{
明确:两者皆有;
填充:20px;
边缘底部:10px;
左边距:50像素;
边框底部:2倍实心#000000;
}
#后置元{
垫底:10px;
文本对齐:左对齐;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:11px;
}
#入职后{
文本对齐:对齐;
边缘底部:25px;
填充:10px 0px 0px 0px;
}
/*波兹尼小组*/
#边栏{
溢出:隐藏;
浮动:左;
宽度:200px;
填充顶部:40px;
右边距:70像素;
}
#边栏ul{
保证金:0;
填充:0;
列表样式:无;
}
#侧边栏李{
保证金:0;
填充:0;
}
#侧栏h2{
高度:38px;
边缘底部:20px;
填充:5px015px;
边框底部:2倍实心#000000;
字体大小:24px;
颜色:#000000;
文本对齐:居中;
}
#侧栏{
宽度:150px;
显示:块;
左边距:自动;
右边距:自动;
垫底:20px;
}

霍诺洛维赞助人——齐肯·维齐亚·乌兹诺·索乔洛吉茨尼UwB
2019年3月5日

切利比·波瓦多米奇,帕尼·泽坎,哈布博士。Joanna Sadowska,UwB教授,zgodziła sięobjąć荣誉赞助人niniejsząkonferencejąnaukową

霍诺洛维赞助人——沃杰沃达·波德拉斯基 2019年3月5日

纳姆·罗维尼·涅兹米耶罗·兹德拉齐奇(nam równieżniezmiernie miło zdradzić)开玩笑说,他是一位光荣的赞助人,他是一位名叫帕兹科夫斯基(pan Bohdan Paszkowski)的人

medialny赞助人-Białystok电台 2019年2月23日

Z przyjemnościąmożemy oznajmić、iżlokalna rozgłośnia radiowa、Białystok电台、obejmie赞助人媒体协会

惠达泽尼亚赞助人 2019年2月23日

开玩笑的nam niezmiernie miło oznajmić,我是honorowym nad Organizationowanym przez nas wydarzeniem的赞助人,zgodziłsięobjąćJego Magnicencja hab博士教授。罗伯特·西博罗夫斯基

  • Nasi partnerzy:

删除引导类并调整侧栏大小。同时从侧边栏右侧删除边距

HTML


在codepen中,它似乎工作得很好……而为什么它在网站上显示的不同,可能是因为bootstrap的缘故?@Buszek就像Miguel说的,它在codepen上工作得非常好。试着注释你的引导,看看结果是否仍然相同。您使用的是哪种引导?请使用class
col-md-12
而不是
col-md-9
以填充整行;)尝试将#侧边栏的宽度更改为20%,并删除右侧的边距。我认为这样你就不需要引导类了。
    <div id="page">
 <div id="content">
  <div id="post">
   <h2 class="title">Patronat honorowy – Dziekan Wydziału Historyczno-Socjologiczny UwB</h2>
   <p class="meta">Opublikowany dnia 05.03.2019</p>
   <div class="entry">
    <p> Chcielibyśmy powiadomić, że pani dziekan, dr hab. Joanna Sadowska, prof. UwB, zgodziła się objąć patronatem honorowy niniejszą konferencją naukową. </p>
   </div>
  </div>
  <div id="post">
   <h2 class="title">Patronat honorowy – Wojewoda Podlaski</h2>
   <p class="meta">Opublikowany dnia 05.03.2019</p>
   <div class="entry">
    <p> Jest nam również niezmiernie miło zdradzić, że do patronów honorowych niniejszej konferencji naukowej dołączył Wojewoda Podlaski, pan Bohdan Paszkowski. </p>
   </div>
  </div>
  <div id="post">
   <h2 class="title">Patronat medialny – Radio Białystok</h2>
   <p class="meta">Opublikowany dnia 23.02.2019</p>
   <div class="entry">
    <p>Z przyjemnością możemy oznajmić, iż lokalna rozgłośnia radiowa, Radio Białystok, obejmie patronatem medialnym organizowaną przez nas konferencję.</p>
   </div>
  </div>
  <div id="post">
   <h2 class="title">Patron wydarzenia</h2>
   <p class="meta">Opublikowany dnia 23.02.2019</p>
   <div class="entry">
    <p> Jest nam niezmiernie miło oznajmić, iż patronatem honorowym nad organizowanym przez nas wydarzeniem, zgodził się objąć Jego Magnificencja prof. dr hab. Robert W. Ciborowski. </p>
   </div>
  </div>
 </div>
 <!--boczny panel-->
 <div id="sidebar">
  <ul>
   <li>
    <h2>Nasi partnerzy:</h2>
   </li>
   <ul>
    <li><img src="http://www.uwb.edu.pl/pliki/logo/CMYK/w_uwb_kolor.jpg" alt=""></li>
    <li><img src="images/img5.jpg" alt=""></li>
    <li><img src="images/img6.jpg" alt=""></li>
    <li><img src="images/img7.png" alt=""></li>
   </ul>
  </ul>
 </div>
#page {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


/*treść*/

#content {
    overflow: hidden;
    width: 70%;
    float: left;
    color: #000000;
    padding: 20px 0 10px 30px;
    border-right: 1px solid #000000;
}

#post {
    clear: both;
    padding: 20px;
    margin-bottom: 10px;
    margin-left: 50px;
    border-bottom: 2px solid #000000;
}

#post .meta {
    padding-bottom: 10px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#post .entry {
    text-align: justify;
    margin-bottom: 25px;
    padding: 10px 0px 0px 0px;
}


/*boczny panel*/

#sidebar {
    overflow: hidden;
    float: left;
    width: 20%;
    padding-top: 40px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin: 0;
    padding: 0;
}

#sidebar h2 {
    height: 38px;
    margin-bottom: 20px;
    padding: 5px 0 0 15px;
    border-bottom: 2px solid #000000;
    font-size: 24px;
    color: #000000;
    text-align: center;
}

#sidebar ul img {
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}