如何在带有列的div上获取背景色？

Question

div与列有关吗？ 看来我无法获得width:100%的背景色。

HTML

<body>
<div id="main">
   <div id="content">
      <div id="article"><!-- <p>text</p> --></div>
   </div>
</div>
</body>

CSS

body { margin:0; padding:0; color:white; background:transparent; }
#main { position:absolute; height:100%; top:0; left:0; }
#content { position:relative; overflow-x: scroll; overflow-y: auto; height: 100%; top:0; left:0; background:black; }
#article { border:10px solid yellow; float:left; width:100%; height:100%; position: relative; box-sizing: border-box; font-size:25px; text-align:left; -webkit-column-width: 300px; -webkit-column-gap: 40px; -moz-column-width: 300px; -moz-column-gap: 40px; column-width: 300px; column-gap: 40px; background:green; }

这是JSFiddle演示： http : //jsfiddle.net/kz5ch49w/53/

div的一部分在黄色边框之外。 如何解决呢？

Answer 1

只需从main和content div中删除position:absolute和position:relative解决问题

如何在带有列的div上获取背景色？

问题描述

1 个解决方案

解决方案1
0 2015-01-23 18:35:56

如何在带有列的div上获取背景色？

问题描述

1 个解决方案

解决方案1 0 2015-01-23 18:35:56

解决方案1
0 2015-01-23 18:35:56