0

CSS で div の高さを変更できません。影響はないようです。以下のコード。Javascipt と CSS を使用して C# ASP.NET でコーディングしています。以下のコードは、SSI を使用して他のファイルに含まれています。の高さは.navdivの値に関係なく変わりませんheight:50px。

ASPX

<link rel="Stylesheet" href="CSS/SSI/header.css" />
<div id="header">
    <div id="logo">
        <img id="imglogo" src="Images/logo.gif" />
    </div>
    <div id="nav">
        <a class="navlink" href="default.aspx">
            <div class="navdiv" id="navhome">
                Home
            </div>
        </a>
        <a class="navlink" href="import.aspx">
            <div class="navdiv" id="navimport">
                Import
            </div>
        </a>
    </div>
</div>

CSS

/*
* header.css
* Created By: Steven T. Norris   Created On: 5/12/2012
* Update By:    Update On:
*
* Stylesheet for header SSI
*/

/*Main header style*/
#header
{

    background-color:#2875ff;
    border-color:Black;
    border-style:solid;
    border-width:2px;
    padding:0px;
    margin:0px;
}
#logo
{
    margin-bottom:10px;
}

#navhome
{
    height:100px;
}

/*Navigation styles*/
.navdiv
{
    height:50px;
    background-color:#000999;
    display:inline;
    margin-left:10px;
    padding-right:5px;
    padding-left:5px;
    font-size:large;
    text-align:center;
    color:#c24900;
    font-weight:bold;
    text-decoration:none;
}
.navdiv:hover
{
    color:White;
}
#nav
{
    padding:0px;
    margin:0px;
    height:auto;
    width:100%;
}
4

2 に答える 2

1

heightプロパティは、。を含む要素では重要ではありませんdisplay: inline。blockまたはである必要がありinline-blockます。

于 2012-05-17T17:09:32.503 に答える
1

を使用display: inline-block;すると高さの問題は修正されますが、div を並べて表示したい場合は、必ずfloat: left;両方の要素に追加してください。

于 2012-05-17T18:47:40.820 に答える