0
A
回答
0
將圖像作爲在CSS背景或設置高度/寬度爲100%。在你的頭DIV
1
使用中心的標籤,就像這樣:
<div class="header">
<center>
<div class="logo">
<img src="http://html5doctor.com/wp-content/uploads/2011/01/HTML5_Logo_256.png" width="90" height ="90" />
</div>
<div class="search">
<input type="text" name="search" placeholder="Search" />
</div>
<div class="user">
</div>
</center>
</div>
0
<div class="header">
<div style="margin:0 auto;position:relative;display:inline-block !important;">
<div class="logo">
<img src="http://html5doctor.com/wp-content/uploads/2011/01/HTML5_Logo_256.png" width="90" height ="90" />
</div>
<div class="search">
<input type="text" name="search" placeholder="Search" />
</div>
<div class="user">
</div>
</div>
</div>
CSS:
.header
{
height: 60px;
width: 100%;
text-align:center;
background-color: red;
}
0
<style type="text/css">
.header {
background: url(http://example.com/path/to/image.jpg) no-repeat center center fixed;
}
</style>
<div class="header">
<div class="search">
<input type="text" name="search" placeholder="Search" />
</div>
<div class="user">
</div>
</div>
此外,檢查出this excellent tutorial on full-page background images。
0
這應該這樣做:
img
{
max-width:100%;
max-height:100%;
}
相關問題
- 1. 內容div不會擴展到其容器的100%
- 2. iOS8擴展:在容器和擴展之間共享圖像
- 3. Facebook評論框不會擴展其容器格
- 4. 如何防止圖像擴展到容器之外?
- 5. 如何讓圖像不舒展?
- 6. WPF-如何讓任何時候只擴展一個擴展器
- 7. 如何使用CSS擴展其內容?
- 8. CSS:float:right不擴展容器
- 9. 重新使用容器和容器擴展其他容器
- 10. 如何讓RedirectToAction在控制器擴展
- 11. Html/Css - 如何讓圖像伸展100%寬度的容器,然後在其上顯示另一個圖像?
- 12. 如何列出圖像及其容器
- 13. 如何讓九個補丁圖像只能水平擴展?
- 14. 如何讓圖像生成在Java上可擴展?
- 15. 如何讓JTree擴展?
- 16. JSF:如何讓#{...}擴展不被轉義?
- 17. 爲什麼「div」不會隨其內容擴展?
- 18. 標籤高度不會隨其內容擴展
- 19. div不會隨其中的內容擴展..?
- 20. 如何讓擴展搜索框不會移動提交按鈕?
- 21. 如何讓MaskedEdit擴展程序不會破壞CodedUITests? (Visual Studio 2010)
- 22. 頁面不會隨內容擴展
- 23. Div不會隨着內容擴展
- 24. 谷歌地圖 - 如何使div擴展到包含其內容
- 25. eZ Publish擴展不會覆蓋其他擴展模板
- 26. 如何將元素的背景擴展到其容器之外?
- 27. 如何擴展我的左側容器
- 28. 其餘擴展將不會轉換json
- 29. 找出圖像的擴展名,如果該圖像沒有任何擴展名
- 30. CSS依賴其浮動子容器擴展父容器
標誌是先大後的容器,減少標誌或增加DIV高度 – Jack 2012-02-10 12:45:05
http://jsfiddle.net/CPDNr/3/ – Jack 2012-02-10 12:50:30