css 960網格系統問題

我正在使用960網格系統與container_12。問題是我正在使用2 grid_6列和文本重疊。當我嘗試將overflow屬性設置爲auto時，我得到一個滾動面板，但文本不會在寬度後的下一行上移動。css 960網格系統問題

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link href="css/960.css" rel="stylesheet" type="text/css" /> 

    <link href="css/reset.css" rel="stylesheet" type="text/css" /> 
    <link href="css/text.css" rel="stylesheet" type="text/css" /> 
    <link href="css/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="body" class="container_12"> 

    <div id="header" class ="grid_12">This is header</div> 
    <div id="nav" class="grid_3"> 
    Navigation 
    <ul> 
    <li><a href ="google.com">Google</a></li> 
    <li><a href ="yahoo.com">yahoo</a></li> 
     <li><a href ="bing.com">bing</a></li> 
    </ul> 
    <p>dcjkldsjfkdjkljdsklvjkjvkdjkfljdskfjkdsjfkldjsfkjdksjkfjkd</p> 
    </div> 
    <div class="grid_9" > 
    <div id="content"> 
    <h1>Content</h1> 
    <p>The premise of the system is ideally suited to rapid prototyping, 
    but it would work equally well when integrated into a production environment. 
    There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.</p></div></div> 
        </div> 
        </form> 
        </body> 
        </html> 
Problem here-: 
<p>dcjkldsjfkdjkljdsklvjkjvkdjkfljdskfjkdsjfkldjsfkjdksjkfjkd</p>

來源

2012-08-23 user1609429

請張貼您的CSS和HTML。 –

我編輯過，請檢查。 – user1609429

請確保您有網格容器裏面只有一層，例如：

<div class="container_12"> 
    <div class="grid_6"></div> 
    <div class="grid_6"></div> 
</div>

如果你想填充添加到您的內容區域，添加網格內的額外股利，不將填充添加到網格本身，即。

<div class="container_12"> 
    <div class="grid_6"><div class="space"></div></div> 
    <div class="grid_6"><div class="space"></div></div> 
</div>

來源

2012-08-23 02:20:52 zenkaty

我檢查了耳機，現在交叉驗證it.but但沒有改變我的第一個div的內容重疊第二1.very frustrating不知道該怎麼辦 – user1609429

你能提供一個鏈接到您的網站，或粘貼代碼到一個jsfiddle，所以我們可以看看你的具體設置？ – zenkaty

我編輯過，請檢查 – user1609429

我有同樣的問題。我有一個「grid_3」，我把虛擬內容放在那裏，但它一直在分散。我還剛剛複製並粘貼了一個詞，看看它的樣子。我回去並在單詞之間添加了空格，並且它完美地工作。不在div外擴展，它停止並垂直擴展。 960有什麼樣的錯誤或毛刺？

來源

2014-03-02 18:41:17 user205200

css 960網格系統問題

回答

相關問題