为什么我的div不使用自动宽度?

时间:2011-03-23 10:14:40

标签: css html width

http://www.e-fluential.com/offline/

屏幕抓取: enter image description here

我无法得到蓝色字呀等待的div是自动宽度,它只是从我设置的边缘全宽...

.titlesmedium {
    font-family: title_font;
    letter-spacing: -1px;
    font-size:30px;
    margin-left: 340px;
    margin-top:-5px;
    color:#00C3FA;
    border-bottom: solid 1px #00C3FA;
}

4 个答案:

答案 0 :(得分:2)

比你必须拥有它:

display:block;
float:left;

小心清除段落文本。

或者:

display:inline;
margin-left:0;

答案 1 :(得分:0)

div的自动宽度将为100%减去您设置的任何边距或填充。 如果您希望它是显式宽度,则必须设置该值。

答案 2 :(得分:0)

也许width:auto会改变这种情况吗?

同时尝试display:inline;

答案 3 :(得分:0)

首先,我认为大多数答案都是正确的。 (显示:内联)但我认为你应该重新考虑如何做到这一点。您还有剩余边距:标题为340px。我想你的段落也一样吗?它有效。

但我认为你应该将所有内容分成文章(或DIV),并且在本文章区域中只有一个左右列。然后你不需要在每个元素上设置所有这些特定的边距等。

另外,您应该重新考虑在HTML中使用段落和标题而不是DIV。 此外,如果你有,则不需要“titlesmedium”。

article.anygoodname h1 {...

article.anygoodname p {....

祝你好运!