使用HTML/CSS删除边距问题

2014-10-05 88 views 0 likes

我似乎无法成功完全用div填充水平空间。右侧，左侧，顶部和底部总是有一点空间。使用HTML/CSS删除边距问题

我目前正在使用：

CSS：

.section{ 
    width: 100%; 
    display: inline-block; 
    top: 0px; 
    left: 0px; 
    margin: 0px; 
    padding: 0px;  
} 
#section-1,#section-3{ 
    background-color: #ddd;  
}

HTML：

<div id="section-1" class="section"> 
    <p>Foo</p> 
</div>

来源

2014-10-05 Slava Knyazev

这是导致此问题的浏览器的“p”标记。 http://jsfiddle.net/gpdeoL1v/6/使用浏览器重置CSS来代替更干净的修补程序。 – karthikr 2014-10-05 23:16:48

回答

也把margin: 0上body

body{ 
    margin: 0; 
}

什么一般做的是在两个html和body设置margin和padding既0，使工作完美的跨浏览器。

html, body{ 
    padding: 0; 
    margin: 0; 
}

来源

2014-10-05 23:17:17 nisargjhaveri

这实际上是因为margin为body的。请检查这个fiddle。我已经添加了这种风格的CSS：

body { 
    margin: 0px; 
}

来源

2014-10-05 23:15:14

工作就像一个魅力！我想我误解了利润率。我认为它控制的是外边距而不是内边距。 – 2014-10-05 23:17:25

使用HTML/CSS删除边距问题

回答

相关问题