Html CSS只能使用像素设置元素样式,而不能使用百分比
我有点大脑融化的问题。我有一个基本上是身体的主div(别问我为什么,我很绝望),在这个div中有一个head div,在这个div中有导航栏。这是一个清晰的层次结构。问题是,每当我尝试使用百分比来调整导航栏或head div的高度和宽度时,都不会发生任何事情。齐普,零,娜达。我试着把位置改成绝对的,相对的,甚至是静态的。我删除了主Div,重新排列了层次结构,但似乎没有任何效果。最终我发现当我使用像素时,我得到了想要的改变。(显然需要做一些转换)。我的第一个想法是等级制度,但再一次,这很清楚,没有遗漏的结尾标签,没有奇怪的父母或孩子。 HTML 注意:我使用的是重置文件。然而,我仍然有边距和填充:0,因为它似乎并没有真正起作用 请随意评论我的编码风格,仍在学习中 你可能想试试Html CSS只能使用像素设置元素样式,而不能使用百分比,html,css,pixel,Html,Css,Pixel,我有点大脑融化的问题。我有一个基本上是身体的主div(别问我为什么,我很绝望),在这个div中有一个head div,在这个div中有导航栏。这是一个清晰的层次结构。问题是,每当我尝试使用百分比来调整导航栏或head div的高度和宽度时,都不会发生任何事情。齐普,零,娜达。我试着把位置改成绝对的,相对的,甚至是静态的。我删除了主Div,重新排列了层次结构,但似乎没有任何效果。最终我发现当我使用像素时,我得到了想要的改变。(显然需要做一些转换)。我的第一个想法是等级制度,但再一次,这很清楚,没有
min-height: 100%;
min-width: 100%;
position: absolute;
找到了原因,把我的主管调到相对位置就是问题所在。不知道为什么,但是嘿。现在可以了。有点像。忘了提到,我试图编辑的属性是:高度、宽度、顶部、左侧、右侧、底部。
body
{
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 15px;
padding:0 !important;
}
#master_div
{
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
}
/* Navigation Page */
#scary_tree
{
position:absolute;
right:40%;
top:25%;
}
/* Home */
/* TODO: Make Responsive Home Page */
#head_div
{
background-color:whitesmoke;
position:absolute;
height:63px;
width:100%;
margin:0;
padding:0;
}
/* A Challenging Sew + A sewing room, Venti Starbucks and a iPod classic..*/
#title_div
{
background-color:white;
opacity: .7;
position:relative;
height:30px;
width:100%;
top:15px;
border-top: solid 1px #e7e7e7;
border-bottom: solid 1px #e7e7e7;
}
#title
{
position:absolute;
left:3%;
top:-9%;
font-size:100%;
margin:0;
padding:0;
}
#subtitle
{
position:absolute;
left:3%;
top:50%;
padding:0;
margin:0;
font-size:40%;
line-height: 1.2;
}
#nav_bar
{
position:absolute;
top:100%;
height:15%;
width:100%;
background-color:whitesmoke;
border-top: solid 1px #e7e7e7;
border-bottom: solid 1px #e7e7e7;
margin:0;
padding:0;
}
#nav_bar ul {
margin:0;
padding:0;
position:relative;
height:20px;
top:-8px;
}
#nav_bar li {
display:inline;
}
#nav_bar a:link,a:visited {
margin:0;
padding-left:5px;
text-decoration: none;
color: black;
font-size:50%;
}
#nav_bar #sign_in
{
position:absolute;
right:2%;
top:3px;
margin:0;
padding:0;
}
min-height: 100%;
min-width: 100%;
position: absolute;