0

http://telschowdesign.com/_JCM/ - 模拟
http://telschowdesign.com/_JCM/index2.html - 失败

几乎我有这两个侧面板，我想在高度上缩放，如模型所示。无论出于何种原因，我都无法让他们使用我当前的 CSS 做到这一点。我试过使用height=100%，但这不起作用。我不想使用静态测量值，例如 700px 等

我知道这可以使用表格来完成，但我希望能够将相同的内容用于 CSS 的移动版本。

4

4 回答 4

1

height:100%并不意味着你认为它做了什么。这意味着您设置此样式的元素将占据其包含元素高度的 100%，而不是其子元素高度的 100%。

您想要实现的是一个非常典型的 3 列布局。这是一个链接到如何做到这一点的例子：

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

于 2013-04-08T08:30:32.080 回答
0

您可以在站点主控和以下 css 上使用 Divs 和 %

导航栏

{浮动：对；高度：40px；}

主要内容

{ 向左飘浮; 宽度：60%；}

您的 HTML 将如下所示...

div id="导航栏" div id="maincontent"

这些可以在一个大 Div 中。希望能帮助到你

于 2013-04-08T08:37:13.057 回答
0

div 的高度是内容的高度。

您可以尝试在您的 div 上使用 line-height css 属性。

line-height: normal; 
line-height: 3.5;    /* <number> values */
line-height: 3em;    /* <length> values */
line-height: 34%;    /* <percentage values */
line-height: 50px;   /* <Pixel> values */

line-height: inherit

希望这可以帮助..

于 2013-04-08T08:29:18.510 回答
0

替换#container id 的 css ：

width: 1000px;
margin: 0 auto;

然后你的内容将居中;），如果你需要它，你也可以使用像 960grid.css 这样的 CSS 框架，你将是桌面屏幕 + 移动 + iPad 兼容，更有生产力和适应性;）

然后，你在 node 上有一个 js 错误：

<body onload="javascript:panels()">

面板（）函数不存在......;）

于 2013-04-08T08:29:19.227 回答