【问题标题】:CSS left menu layout problemCSS左侧菜单布局问题
【发布时间】:2010-09-26 22:08:55
【问题描述】:

我有一个问题,我不知道如何解决它。我有带有页眉、左侧菜单、内容和页脚的网站。我使用浮动作为定位方案。

我的问题是,我希望左侧菜单可以根据超链接的文本大小进行调整。通常情况下,由于浮动,这不会有问题,但要解决 IE 中的一个问题,我必须设置内容的确切大小,并且我还需要有固定的最大页面宽度,以像素为单位。

所以,当增加菜单项的文本大小时,它会溢出菜单宽度并且文本被分成两行而不是一行。但我不希望这种情况发生,我希望菜单宽度随着文本大小而扩大。

是的,文本大小相对单位可以解决我的问题,但是由于我需要以像素为单位设置最大页面宽度,并且由于 IE 问题我需要有固定的内容宽度,所以我不知道该怎么做。谢谢。

the link.,但它的旧版本没有固定内容宽度。

【问题讨论】:

  • 链接到您的 html/css 会很有帮助。一般来说,如果你有一个最大宽度并且不希望你的文本在文本大小增加时换行,那么在某些时候页面会中断,这是一个时间问题,而不是如果。
  • 谢谢。是的,我知道,但我只想补偿浏览器中通常使用的文本大小设置,可以说最大两倍大小,并优先考虑保留 manu 以减少内容。

标签: css layout


【解决方案1】:

将此添加到您的样式表中:

#left_menu ul li a
{
    font-size:48pt;
}

当我在#left_menu ul li a 中更改字体大小时,左侧菜单会根据字体大小自动拉伸或缩小,从而使内容 div 自动变小或变大。这能解决您的问题吗?

【讨论】:

    猜你喜欢
    • 2013-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-22
    • 1970-01-01
    相关资源
    最近更新 更多