CSS邊框問題？

我想先說一下我是一個完整的newb，所以記住這一點。所以我想要做的是有一個主要的內容區域，我想要一個特定的寬度，可以說800px。在它的左側和右側，我只需要一個黑色邊框。現在我想要它，所以當有人調整頁面時，兩個邊框會改變寬度以填充整個窗口，但是我的主內容框保持不變。無法弄清楚。謝謝您的幫助！CSS邊框問題？

來源

2011-04-10 Adam Ashwal

因此，它不是一個真正的*邊框*因此，它更像是一種背景色，正確嗎？ – 2011-04-10 17:18:04

試試這個：

<html> 
<head> 
    <style> 
    html {height:100%;} 
    body {background-color:#000000;height:100%;margin:0px;padding:0px;} 
    #content{background-color:#FFFFFF;width:800px;margin:auto;height:100%;} 
    </style> 
</head> 
<body> 
    <div id="content">content</div> 
</body> 
</html>

來源

2011-04-10 17:23:49 Thorgeir

太棒了，謝謝！ – 2011-04-10 17:33:14

如果這是你的HTML代碼：

<div id="outer-container"> 
    <div id="main-content"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
    </div> 
</div>

您可以將CSS設置爲以下，它應該工作。

<style type="text/css"> 
#outer-container { 
    background-color: black; 
    height: 200px; 
} 

#main-content { 
    background-color: white; 
    width: 800px; 
    margin: 0 auto 0 auto; 
    height: 200px; 
} 
</style>

來源

2011-04-10 17:24:21 High6

CSS邊框問題？

回答

相關問題