高度和宽度％没有做任何事情

嘿我被困在一个CSS的代码，我试图使某个div 100％的高度和25％的页面宽度和填充它与一个背景，但它只适用于输入文本，它将自己调整到文本的高度，而不是页面。高度和宽度％没有做任何事情

希望有人能帮助我。

的index.html

<!DOCTYPE html> 
<link rel="stylesheet" type="text/css" href="style.css"> 
<head> 
    <title>Height test</title> 
</head> 

<body> 
    <div id="menu">kaas</div> 
</body>

的style.css

body{ 
    background:#fff; 
} 

#menu{ 
    background:#000; 
    height:100%; 
    width:25%; 
}

由于提前，雷米

来源

2012-12-06 Handige Harrie

你的索引页是不完整的，没有HTML根标签， HTML是窗口，你可以，然后分配身体是100％ – drk

如果您设置一个DIV至100％，这是去适应它的内容。在这个简短的例子中，你显示了，没有内容，所以没有什么是100％。

如果您希望此div基于页面大小，则必须指定它。

body{ 
    width:900px; //example values 
    height:500px; //example values 
} 

#menu{ 
    background:#000; 
    height:100%; 
    width:25%; 
}

而且我会建议你创建另一个div来处理一般的页面。

<body> 
    <div id="page"> 
     <div id="menu">kaas</div> 
    </div 
</body>

然后：

#page{ 
    width:900px; //example values 
    height:500px; //example values 
} 

#menu{ 
    background:#000; 
    height:100%; 
    width:25%; 
}

来源

2012-12-06 12:57:28

高度和宽度％没有做任何事情

回答

相关问题