Twenty twelve header image and navigation in same line

问题

How can you put the navigation in the same line as the header image in twenty twelve? Right now the navigation menu is above the image, but I would like them to be next to each other. Is there any way to achieve this? Thanks!

回答1:

Add "position:relative" to #masthead:

#masthead {position: relative;}

then position your navigation with position absolute:

#site-navigation {
    position: absolute;
    bottom: 0; /* or top, if you prefer */
    right: 0;
}

来源：https://stackoverflow.com/questions/13199046/twenty-twelve-header-image-and-navigation-in-same-line