所以我有一個以頁面爲中心的水平菜單欄,完全用CSS設計,並且每當放大或縮小時,邊界將會比所包含的元素更寬或迫使最後一個元素下到下一個元素線。我怎樣才能改變這一點,以便在瀏覽器變焦時正常工作?如何使這個菜單居中且有邊界,而瀏覽器調整大小時仍然可以工作?
相關的html文件可以在http://fullforcespiritwear.com/example.html找到,而css是http://fullforcespiritwear.com/ex.css。
所以我有一個以頁面爲中心的水平菜單欄,完全用CSS設計,並且每當放大或縮小時,邊界將會比所包含的元素更寬或迫使最後一個元素下到下一個元素線。我怎樣才能改變這一點,以便在瀏覽器變焦時正常工作?如何使這個菜單居中且有邊界,而瀏覽器調整大小時仍然可以工作?
相關的html文件可以在http://fullforcespiritwear.com/example.html找到,而css是http://fullforcespiritwear.com/ex.css。
將寬度設置爲您的<body>
或外部容器,並使用寬度的百分比值而不是固定寬度。
body {
background-color:black;
width:1015px;
}
#nav {
border:2px solid #FF0000;
display:block;
height:37px;
margin:0 auto;
padding:0;
width:100%;
}
有快速協商解決:從去除PX硬寬度和百分比李加液寬度:http://www.jsfiddle.net/pereskokov/eMPCD/。
編輯:新建,味甘性涼版本:當你做這個http://www.jsfiddle.net/pereskokov/eMPCD/1/
不錯!放大時完全解決了這個問題,但是在縮小時仍然存在一些僞像。你可以在jsfiddle上看到,如果你縮小,#nav的紅色邊框超過了元素的合併寬度,並且很多黑色背景都閃耀着。 – fishman 2010-11-29 21:30:40
這兩個問題還是發生了。 – fishman 2010-11-29 21:38:18