当窗口大小较小的元素重叠时? [英] When Window Size Is Smaller Elements Overlap Eachother?
问题描述
如果您浏览网站:
http://www.noxinnovations.com/portfolio/charidimos/ p>
如果您更改窗口大小,您会注意到导航与徽标/标题重叠。
这个?
任何想法?
$ b $
这是你的宽度:100%;
#header
元素,这导致你的奇怪的溢出行为。将 #logo
和 #navigation
元素放在另一个 div
#header
的固定高度和宽度,然后为您的 #header
c $ c> overflow:hidden; 这应该可以解决你。 I have designed a website and am a little bit stumped right now.
If you view the website at:
http://www.noxinnovations.com/portfolio/charidimos/
If you change the size of the window you will notice the Navigation overlaps the logo/header.
Anyway to change this? What I want to do virtually is to make the window have a scroll bar appear if that is possible.
Any ideas?
Thank you :-D.
It's your width: 100%;
in your #header
element that's causing your strange overflow behavior. Place your #logo
and #navigation
elements inside of another div
with a fixed height and width that sits inside of the #header
, then give your #header
the property overflow: hidden;
and that should fix you right up.
这篇关于当窗口大小较小的元素重叠时?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!