Question

一切！我感谢你今天的时间和关注:)。我目前使用Dreamweaver并做一些设计工作，但是我一直无法找到这个问题的答案。我很乐意追求完成此任务所需的任何知识（例如学习php或javascript等）......这是我的问题......我想让网页有这种类型的布局 - （这将是一个主页，分成三列中的组件（上面会有一个标题，我从图中省略，因为这将是网站的全宽并且不会产生问题，我不认为）...左边是满的高度。中心有三行，右边有三行 - 偏离中心列 -

http://i.stack.imgur.com/KkEiR.jpg

我可以将div作为包装器放在整个事物周围（正如我在制作三列宽的部分时通常需要做的那样），然后使用css ...浮动左列，左边。向中心添加一个左边距（无论左边的宽度是多少）。然后浮动右边的那个......但是，虽然这确实允许我有三列，但我不能在中心或右列中有多行向下（因为它在最大列的高度输出包裹）。在这些较小的部分中，我想使用一些PHP脚本（我有一个php新闻脚本和一个shoutbox脚本），所以它不像是一个静态图片或文本，我可以仔细切片，使其中的许多div包和div页面......

在我的研究中，我已经看到像php这样的东西包括并要求（我不确定这是否会允许中心和右列中的多行），我只知道它可以用来插入一个php脚本或文档成div。我还读到这不是最好的做法，应考虑使用Ajax / jquery以提高安全性。但是，我仍然不确定其中任何一个是否允许我创建此布局。我确定joomla或drupal或其他许多CMS可能允许这样做，但我想知道“动手”方式（我总是发现这使得配置，故障排除和设计变得更容易和更多更好的质量下线。）

我恭敬地请求答案尽可能地保留在主题上，没有诸如，您为什么通常这样做或使用此问题？等等......我非常感谢有关我能做些什么的建设性信息：D ...我再次感谢你们的时间和关注！

Answer 1

好吧，我发现至少有一种方法可以做到这一点：D ......我仍然使用Div内的Div（向左或向右浮动）并将它们放在包裹内（也可左右浮动）根据需要获得尽可能多的Divs。然后，当我需要多个垂直Div时，我只需创建一个新的* .php文件，其中包含我需要的所有垂直Div，并使用php include_once行将* .php文件（及其所有垂直Div）调用到Div中原来的页面，瞧！

 My first page (in shorthand) may look something like this - 

<div id="content_wrap">
     <div id="a"></div> (floated left in css)
     <div id="b">
          <?php include_once ('vertical_divs.php'); ?>
     </div> (floated left with lefthand margin in css)
     <div id="c"></div> (floated right in css)
</div>

 My vertical_divs.php may look like this -

<div id="vert_a"></div>
<div id="vert_b"></div>
<div id="vert_c"></div>
<div id="vert_d"></div>
<div id="vert_e"></div>

同样，这会将所有垂直Div分成Div“B”，允许该列具有多个垂直Div，而不会干扰Div的左侧或右侧。

如何用div创建多行和多列？

1 个答案: