问题与CSS和DIV高度

我建立的网页布局，其中包括5像素宽DIV我作为间隔使用，如果我定义这样的问题与CSS和DIV高度

div#main_spc { 
    display: block; 
    width: 5px; 
    background: url(../Images/contsep.gif) repeat-y top center; 
    float: left; 
    position: relative; 
}

，并把高度内嵌我的风格

<div id="main_spc" style="height: 356px;"></div>

一切正常，因为它应该，但是当我改变我的代码从外部CSS文件应用的高度

div.main_spc{ 
    display: block; 
    width: 5px; 
    background: url(../Images/contsep.gif) repeat-y top center; 
    float: left; 
    position: relative; 
} 

div.main_spc.abc{ 
    height: 356px; 
}

和改变XHTM这样

<div class="main_spc abc"></div>

对不起TYPO L码，当然它始终是类，而不是风格，我写着急这个问题，我错过了。如果是这样的话，那么萤火虫就会出现问题，将CSS定义放在第一位！

DIV是隐形的，至少我在里面放了一些内容，然后DIV是文字高度高。

我试图检查从萤火这个元素，而源是确定的，是由火狐（也可能是其他浏览器）和萤火显示省略此CSS元素

div.main_spc.abc { 
}

我不知道如何改变我的CSS HEIGHT为了不让高度脱离风格定义？

来源

2009-09-17 MoreThanChaos

请检查编辑我的答案。 – rahul 2009-09-17 11:32:59

使用类属性

更换

<div style="main_spc abc"></div>

与

<div class="main_spc abc"></div>

您已经定义了两个类main_spc和美国广播公司和您的使用 '类' 属性的类'而不是风格。样式用于内嵌样式等

style='height: 356px;'

编辑

这并不是说萤火射出的高度属性的情况下。如果您检查右侧的样式部分，您可以看到与元素关联的类，并且您可以在'abc'类中看到height属性。

如果您将溢出属性设置为隐藏，则内容不会溢出。在你的情况，我认为你正在尝试实现高度356px和宽度5px的间隔。然后给

&nbsp;

里面的div和看到的结果。

修改你的代码的空白间隔

div.main_spc 
{ 
       display: block; 
       width: 5px; 
       background: url(../Images/contsep.gif) repeat-y top center; 
       float: left; 
       position: relative; 
} 

.abc 
{ 
     height: 356px; 
} 

<div class="main_spc abc">&nbsp;</div>

来源

2009-09-17 11:05:17 rahul

对于错字感到抱歉，当然它一直是CLASS而不是STYLE，我在急着提出问题并且我错过了 – MoreThanChaos 2009-09-17 11:21:25

请检查我的答案的编辑。 – rahul 2009-09-17 11:28:50

你似乎已经切换是一个ID选择器（＃）和类选择（。）在这种情况下，你需要改变无论是CSS定义或

<div class="main_spc"></div>

来源

2009-09-17 11:08:04 Mikey

对TYPO感到抱歉，因为它一直是CLASS而不是STYLE，所以我很快就写了我的问题，我错过了 – MoreThanChaos 2009-09-17 11:28:00

你让ABC为main_spc的孩子，没有兄弟姐妹。所以，你的CSS

div.main_spc{ 
     display: block; 
     width: 5px; 
     background: url(../Images/contsep.gif) repeat-y top center; 
     float: left; 
     position: relative; 
} 

div.main_spc.abc{ 
     height: 356px; 
}

实际上是在寻找像XHTML

<div class="main_spc"><div class="abc"></div></div>

更改CSS来

div.main_spc{ 
     display: block; 
     width: 5px; 
     background: url(../Images/contsep.gif) repeat-y top center; 
     float: left; 
     position: relative; 
} 

div.abc{ 
     height: 356px; 
}

然后

<div class="main_spc abc"></div>

会工作。

来源

2009-09-17 12:53:38 c17r

问题与CSS和DIV高度

回答

相关问题