2011-11-24 56 views
0

我有一個div元素(類「內容」),其中包含2個div和第一個div的兄弟,其底部爲:0px;屬性和固定高度,我希望與類「畫廊」的div擴大盡可能多,因爲他們不流過他們的父div。CSS:div在另一個div

還......我看到除了firefox瀏覽器,chrome,opera和safari在右上角顯示的搜索輸入比正常高4-5個像素。這是爲什麼?

http://goaltod.iulianonofrei.com/

+1

你能證明你的代碼是相關的問題的部分?這使得人們更容易回答你的問題,讓你更快地得到更好的答案。 – bigblind

+0

在問題中發佈圖片可能也有幫助,而不是鏈接到帶圖片的網站。這樣,人們可以看到你所看到的效果。 – casperOne

回答

1

你有2個問題在這裏。 第一個問題不清楚,「包含2個div和第一個div的兄弟」,是不是第一個div的同胞 - 第二個div?也不清楚你想要做什麼,一般來說,你似乎有全球定位的一切,所以你爲什麼不設置你想要的確切尺寸的畫廊股利。對於它包含的內容,您可以使用overflow:auto,以便在需要時創建內部滾動條。

對於第二個問題,看起來問題是在Firefox中。如果您將輸入元素的頂部和填充設置爲0,它仍然會與包含的td元素對齊。這是表格元素的一個非常奇怪的用法,我會建議不要這樣做......您可能應該使用div元素。

0

由於您使用了height: 100%,因此內容將與其父元素的高度相匹配。其他元素將其推倒。

有你能解決這個問題的一些方法:

  • 使用表基地佈局(完全支持,但不贊成)
  • 使用新的CSS 3柔性盒佈局(沒有舊IE支持)
  • 將頁眉和頁腳放在內容中,然後將它們放在絕對位置。

我會建議其在這裏展示的第三個選項:http://jsfiddle.net/tnRpR/

+0

說實話,我對這個問題有點困惑。謝謝澄清! – joshnh