`

关于DIV高度自动伸展的问题

阅读更多
问题:一个DIV的最小高度是400PX,当内容高度不足400PX时,其高度设置为400PX, 当内容高度大于400PX, 则按实际高度伸展。

IE6和FIREFOX都要有效!

答案:

.a{height:400px;height:auto;min-height:400px;width:500px;}

分享到:
评论

相关推荐

    Div父容器不根据内容自适应高度的解决

    当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。

    子元素div高度不确定时父div高度如何自适应

    在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。 我们可以通过三种方法来解决这个问题 1增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。 ...

    div布局的自由伸展三栏式版面.rar

    3. **清除浮动**:由于浮动元素可能导致父元素高度塌陷,需要在布局的最后添加一个清除浮动的元素(clearfix)或者在CSS中使用clear:both来防止这种情况。 4. **浏览器兼容性**:考虑到IE和Firefox的差异,可能需要...

    设置DIV最小高度以及高度自适应随着内容的变化而变化

    在应用DIV布局时,有时会希望DIV的高度会随着内容的变化而变化,但是又想设置DIV的一个最小高度,特别是当DIV有背景色...设置div最小高度及高度自动伸展的实例</title> <style> .divHeight{height:400px;h

    HTML如何在两个div标签中间画一条竖线

    这个示例中,`.leftdiv`和`.rightdiv`内部使用了` `标签模拟内容,以展示竖线自动伸展至较高div高度的效果。 如果需要使用JavaScript来实现,我们可以比较两个子div的高度,然后将较高的div相邻的边框设为可见。...

    完全搞定iframe(框架)里的滚动条.doc

    对于第二种情况,即允许iframe根据内容自动伸展的情况,推荐使用JavaScript来动态调整iframe的高度。具体步骤如下: 1. **获取B页面内容的高度**:通过JavaScript的`contentDocument`或`contentWindow`属性访问B...

    jQuery实现的可伸展的网格布局特效源码.zip

    总结来说,jQuery实现的可伸展网格布局特效结合了HTML、CSS和JavaScript的力量,通过动态调整元素的大小和位置,实现了高度适应的网页布局。这种技术在现代网页设计中广泛应用,为用户提供了流畅且具有吸引力的交互...

    流行的首页大屏幕广告代码

    - 当`h`超过最大高度(120px)时停止伸展。 3. **页面加载事件**: - 在页面加载完成时调用`showAds`函数,启动显示逻辑。 ##### 2. 隐藏逻辑 ```javascript var T = 120; var N = 120; // 初始高度 function ...

    CSS 基础知识 一张纸

    - `height`、`min-height`、`max-height`:分别控制元素的高度、最小高度和最大高度。 - `line-height`:设置行高。 - `vertical-align`:设置垂直对齐方式。 #### 其他属性(Miscellaneous) 其他常用属性。 - `...

    常用的网页布局方法单侧固定另一侧适应充满

    另一部分则是灵活伸展的,以适应不同的屏幕尺寸和分辨率,这通常用于放置主要内容区域。这种布局方式在响应式网页设计中尤为重要,因为它能够确保网页在不同设备上具有良好的用户体验。 在具体的实现上,通常会使用...

    css设置body背景图片满屏的实例代码

    设置body背景图片为满屏是一项非常实用的技术,它可以让网页的背景图自动伸展以填充整个视口区域,从而提供更为丰富和个性化的用户体验。本文将详细讲解如何使用CSS来实现body背景图片满屏效果,并且将通过实例代码...

    JQuery伸缩导航练习示例

    `.navigator`设置了边框和背景色,`.tabs`移除了列表样式,`.tabs li`设置了清除浮动和自动溢出,`.tabs li h3`定义了标题的样式,包括字体大小、高度、颜色等,并通过`:last-child`伪类处理最后一个导航卡的边框。...

Global site tag (gtag.js) - Google Analytics