0

我正在使用 960 网格系统和container_12. 问题是我正在使用 2 grid_6col 并且文本重叠。当我尝试将overflow属性设置为时，auto我得到一个滚动面板，但文本不会在宽度之后的下一行移动。

       <%@ 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>
4

2 回答 2

1

确保容器内只有一层网格，例如：

<div class="container_12">
  <div class="grid_6"></div>
  <div class="grid_6"></div>
</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-23T02:20:52.900 回答
0

我有同样的问题。我有一个“grid_3”，我把虚拟内容放在那里，但它一直从 div 中溢出。我也只是从头到尾复制并粘贴了一个单词，看看它是什么样子的。我回去并在单词之间添加了空格，并且效果很好。不会在 div 之外扩展，它会停止并垂直扩展。960 中存在什么样的错误或故障？

于 2014-03-02T18:41:17.633 回答