我知道这是非常基本的 CSS。如何将 span 包含在 div 内?目前,跨度延伸到 div 的顶部和底部之外。
div { width: 200px; margin: 10px; background-color: #ff0; } span { margin: 5px; padding: 5px; background-color: #fc0; }
<body> <div> <span>span</span> </div> </body>
要回答你的问题,这不仅仅是一个问题padding or margin,而且还与width http://www.w3.org/TR/CSS2/visudet.html#the-width-property, display http://www.w3.org/TR/CSS2/visuren.html#display-prop,以及盒子模型 http://www.w3.org/TR/CSS2/box.html.
padding
margin
jsFiddle http://jsfiddle.net/JUbkt/1/
span { display: inline-block; }
这将遵循您应用于跨度的任何填充、边距或宽度。