nav element floats unconstrained

I am having a lot of fun with the new HTML5 elements, but there is a feature of the nav element, or so I presume, that I do not understand. Why does it not fall into the lineup with other elements? What I mean is, my divs line right up from left to right and top to bottom. When I add the nav element, it just floats over everything in the top left corner. I can’t figure out if this is something intrinsically related to the nav element, or if it is the way I have my div elements arranged. It seems stupid to use the semantic nav element, only to have to couch it inside of a div.

HTML:

RECORD LABEL

CSS:

#headWrap{
width:1024px;
height:200px;
background-image:url(../img/headGrating.png);
background-repeat:no-repeat;
background-position:center center;
}
#cobCabRec{
height:63px;
width:824px;
float:right;
}
h1{
font-family:"friz Quadrata TT";
font-size:53px;
margin:0 auto 0;
padding:0;
width:716px;
font-weight:bold;
}
#logo{
float:left;
}
#menu{
width:985px;
height:36px;
background-color:#000;
color:#fff;
padding-top:64px;
}
.menuLink{
font-family:oswald;
font-size:16px;
font-weight:bold;
}

Problem courtesy of: user1193509

稿源:CSS3 Recipes (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » nav element floats unconstrained

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录