0
我與我的頭2個元素有問題，因爲3天，無法修復後援問題是存在的，我的「搜索觸發」，這是我的搜索圖標和「平板電腦圖標」其是其僅示出上給出瀏覽器寬度圖標，被overlapping.Even搜索圖標被超越片劑圖標時瀏覽器是真的很小width.I試圖與上元件和顯示在現場頭在兩個元件Float:right,left和position:absolue,relative，overflow:auto，margin:left,right在這兩個元素display:block性質，display:inline-block;沒有什麼工作......我不知道問題出在哪裏..元素的調整大小
/***********************************************
Header Style
************************************************/
.admin-bar .site-header {
top: 32px;
}
.admin-bar .site-header.is-fixed {
top: -47px;
}
@media screen and (min-width:640px) and (max-width:790px){
.admin-bar .site-header.is-fixed{
top :-44px;
}
}
@media screen and (min-width:413px) and (max-width:783px){
.admin-bar .site-header{
top: 35px;
}
}
.site-header {
position: absolute;
top: 0;
left: 0;
right:0;
height: 80px;
z-index: 4;
border-bottom: 1px solid #eee;
}
/***********************************************
Search menu style
************************************************/
.search-trigger {
position: absolute;
right:0.5em;
top: 30px;
width: 40px;
text-align: center;
cursor:pointer;
cursor:hand;
display:inline-block;
}
@media screen and (min-width: 40em) {
.search-trigger {
right: 0.8em;
}
}
@media screen and (min-width:783px){
.search-trigger{
top:26px;
}
}
.search-trigger:before {
width: 100%;
display: block;
font-family: "ElegantIcons";
font-weight: normal;
text-align: center;
content: "\55";
/***********************************************
Icon Style
************************************************/
.tablet-icon{
position: absolute;
display:inline-block;
left:90%;
top: 23px;
width: 40px;
float:right;
}
.tablet-icon:before{
width: 100%;
font-size:1.6em;
font-family: "ElegantIcons";
font-weight: bold;
text-align: center;
content: "\61";
}
<header id="masthead" class="site-header" role="banner">
<span class="tablet-icon"></span>
<a id="search-trigger" class="search-trigger"></a>
</header>
可是你有沒有改變的位置是：固定的和絕對的？ – Lillan
會嘗試明天將在這裏寫的結果，謝謝:) – Dako