导航栏

Question

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

我几乎有这两个侧面板我希望按照模型中所示的高度进行缩放。出于某种原因，我不能让他们使用我当前的CSS做到这一点。我尝试过使用height=100%，但这不起作用。我不想使用700px等静态测量

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

Answer 1

height:100%并不代表您的想法。它表示您设置此样式的元素，它将占据其包含元素高度的100％，而不是其子项高度的100％。

您想要实现的是一个非常典型的3列布局。以下是如何执行此操作示例的链接：

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

Answer 2

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

希望这会有所帮助..

Answer 3

替换 #container ID：

的css

width: 1000px;
margin: 0 auto;

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

然后，节点上出现js错误：

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

panels（）函数不存在......;）

Answer 4

您可以在网站管理员和以下css上使用Div和％

导航栏

{float：right;高度：40像素; }

搜索Maincontent

{float：left;宽度：60％; }

，您的HTML将如下所示......

div id =“navigationbar” div id =“maincontent”

这些可以在一个大的Div里面。希望它有所帮助

DIV高度不会按我想要的方式扩展

4 个答案:

导航栏

搜索Maincontent