0
我在構建自適應網站時遇到了一些問題。看看它是如何爲：CSS自適應高度問題
http://tweakers.net/ext/f/O1sEWJd53lwKA3Gv3W0CJDgW/full.png
我在我的CSS有這樣的代碼：
.HTML {
min-width: 100%;
height: 100%;
}
.page {
margin-top: 4.3%; /* 215px : 4960px */
margin-left: 4.76%; /* 172px : 3615px */
margin-right: 4.6%; /* 168px : 3615px */
height: 100%;
}
.header {
width: 100%;
height: 13.95%; /* 661px : 4737px */
}
.logo {
margin-left: 7.51%; /* 246px : pagewidth */
width: 28%; /* 918px : pagewdith */
height: auto;
float: left;
}
.searchbox {
margin-top: 24.4%; /* 161px : 661px */
float:right;
width: 22.4%; /* 737px : pagewidth */
}
標誌表明它應該，但搜索框的邊距似乎是保證金來自HTML的頂部，而不是頭部類的頂部。它得到的方式太低。我需要它的響應，因爲圖像的高度也是響應，所以搜索框應該適應徽標的高度，因爲它們的底部是對齊的。此外，我有另一個類應該有5％的標題高度的高度，但是當我給它的高度：5％;它在Chrome 23中的高度爲0px ...這是怎麼回事？
我的HTML：
<body>
<div class="page">
<div class="header">
<div class="logo">
<img />
</div>
<div class="searchbox"></div>
</div>
</div>
</body>
你可以發佈一些你的HTML嗎？ – jflores
有格式化適合這個網站有點問題，但這裏是我的HTML： '