2012-11-25 115 views
0

你好,這是一個快速的CSS 101, 我用配爭奪,也許有人可以幫助CSS DIV定位

enter image description here

在另一方面,我想問:

  1. 什麼是正確的思維方式當 建設html divs - 限制div的大小提前和覆蓋:隱藏它的競爭 - 或 - 讓內部div推父,並因此調整它。

  2. 什麼措施是首選的divs,因此它會適合最佳不同的決議? rems/precents?

謝謝。

回答

0

包裝應該是內容

<div id="wrapper"> 
<div id="top"></div> 
    <div id="content"><p>content here</p></div> 
</div> 
<div id="footerbg"></div> 

我做了註腳捕捉到下方的包裝外的容器,如果要移動的外上方,這也是精但請記住,您必須調整底部填充以補償其高度。

看到的jsfiddle這裏:http://jsfiddle.net/F577v/9/

回答你種QNs:

  1. 依賴的情況下,我會一直嘗試允許內容大小股利 - 但我要確保我有填充和利潤來反映設計。

  2. 我一直使用像素數的大小和使用media types在css來補償不同分辨率

0

您可以使用CSS固定位置,使其:

div { 
    position: fixed; 
    top: 400px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 
+0

工作過。 –