在div容器内的ul li列表底部保持margin / padding

Question

ul,
ol,
li {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top:0 }
  ul ul,
  ul ol,
  ol ul,
  ol ol,
  ul li,
  li ul	{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top:0 }
    
.columns{
    float: left;
    position: relative;
    margin-right: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

<div data-type="vertical" class="responsive-tabs responsive-tabs-boxed">
	                <ul data-group="tabs-group-default" class="resp-tabs-list text-center tabs-group-default">
	                  <li>Services</li>
	                  <li>Industries</li>
	                  <li>Advice &amp; Testing</li>
	                  <li>Treatments</li>
	                </ul>
	             <div data-group="tabs-group-default" class="resp-tabs-container text-left tabs-group-default">
                  <div>
                  	<ul>
                  		<li>Supply of cold-/hotforged and CNC-machined metal (round) products:</li>
                  			<ul><li>To standard specifications UNS/ASTM - DIN - BS - AFNOR - GOST</li>
                  				<li>Specials according to technical drawing<br></li>
                  			</ul>
                  		<li>Heat- &amp; surface treatments and material coatings, on all metals</li>
                  		<li>Advice on material and coating applications</li>
                  		<li>Inhouse testing equipment like saltspray, UV testing, ultra thin layer thickness measuring etc.</li>
                  	</ul>
                  </div>
                  <div>
		                <ul class="columns" data-columns="2">
		                  <li>Valves</li>
		                  <li>Chemical industries</li>
		                  <li>Maritime</li>
		                  <li>Water treatment</li>
		                  <li>Energy</li>
		                  <li>Offshore &amp; Shipbuilding</li>
		                  <li>Oil &amp; Gas</li>
		                  <li>Food industries</li>
		                  <li>Aviation</li>
		                  <li>Rails &amp; Construction</li>
		                </ul>
		            </div>

我有一个自举盒装手风琴，显示4个列出的div。 在此手风琴右侧显示的这些div中的2个也有列表。 第一个似乎在底部有额外的空白区域，所以我的下一部分没有正确概述。我不知道它是什么，填充，边距或？...我在css中设置ul，li，ul ul等所有padding＆amp;保证金0.去除内部子弹也不起作用。

仍然存在，而另一个具有ul和li的div与预期一致。 添加更多行文本不会影响这个空间，它似乎大约是16-20像素。 enter image description here

我是新来的，不确定添加的图片是否可见，抱歉。 任何人都有任何想法？

Answer 1

您可以将有序列表（ol）和无序列表（ul）的字体大小设置为0px，这将删除该空格。