代码之家 › 专栏 › 技术社区 › aslum

为什么有些元素的背景会延伸到DIV的宽度,而有些元素的背景不会呢?

css html

aslum · 技术社区 · 14 年前

span s和 a

|-------------width of div-----------|
|{Header:BG fills whole div_________}|
|   {LINK}                           |
|{Paragraph:Same behavior as header_}|
|                       {SPAN}       |
|------------------------------------|

我使用CSS严格的HTML作为首选项。

1 回复 | 直到 14 年前

bogatyrjov 14 年前

两者的区别 <h1>,<p>,<span> 和 <a> 前两个是 "display:block" "display:inline" .

添加 “显示:块” 你的财产 <a> 和 <span>

回复评论:

我将添加一个视觉示例:

<div style="width:300px; border:1px solid #444">
  <div style="background:#999">This is a div</div>
  <a style="background:#999">This is a link</a>
  <h1 style="background:#999">This is a header</h1>
  <span style="background:#999">This is a span</span>
</div>

回报 this

虽然

<div style="width:300px; border:1px solid #444">
  <div style="background:#999">This is a div</div>
  <a style="background:#999; display:block">This is a link</a>
  <h1 style="background:#999">This is a header</h1>
  <span style="background:#999; display:block">This is a span</span>
</div>

回报 this

你是想达到这个目的,对吧?

推荐文章

Softly · 单选按钮未按预期取值

1 年前