html-div自动撑大

下面提供几种解决方案，以修复该问题。

1.给父容器使用display属性

div#container {
  display: table; /* 建议使用 */
  /*或者
    display: table-cell
  */
}

2.浮动父容器

div#container {
    display: inline;
}

3、给父容器添加一个min-height属性

div#container {
    min-height: 100px;
}

时间： 2024-10-28 20:22:14

html-div自动撑大的相关文章

IE9 下div自动变大变小问题

IE9 下整个div随着滚动条滚动自动发生变化.div里面是table表格查看元素后发现只有三个CSS样式,未指定高度,可能是div的height默认值为auto,在ie9下会一直自动计算高度,所以可以更改height样式值解决问题. 增加样式 : height:100%; 后问题解决原文地址:https://www.cnblogs.com/Garen/p/10270992.html

<div> 是一个块级元素.这意味着它的内容自动地开始一个新行.实际上,换行是 <div> 固有的唯一格式表现(摘自W3C school).在编写页面的时候(这里是指jsp),有遇到div标签不能随着内部的内容扩充本身大小的情况,借助div标签的height和overflow属性,可以完美解决问题. 情况一:布局的时候设定了div的宽度和高度,但高度不够: <div style="width: 800px;height:150px;background-color:

换行，横向撑大，字符间距

word-break: break-all;换行 word-wrap: break-word 换行[换行后,如果不是一个word 还要换行]white-space: nowrap;不换行,横向撑大 word-spacing:-3px;字符间距 text-align: justify; 左右对齐.最后一列,右对齐 text-indent:30px;头空格 -moz-text-align-last: right; /* Code for Firefox */ text-align-las

jquery点击div 先变大再缩小

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> &l

指定某个div随着指定大div滚动，而不是随着整个窗口固定不动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滚动事件</title> <script src="jquery-1.8.3.min.js"></script> <style> *{margin:0;padding:0;} .box{width:80%;

div 自动高度

问题: 一个页面分上下二部分,上部分高度是固定不变的,要求下部分高度自动占满屏幕,如何实现? 第一感觉是准备用 JS 实现. 今天发现一个用 CSS 实现的方法 position: fixed; bottom: 10px; overflow: auto; left: 0px; top: 44px; position 说明: http://www.w3school.com.cn/cssref/pr_class_position.asp http://developer.51cto.com/art/

并列div自动等高

并列div自动等高方法一:css控制 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6 <title>完美的DIV

底部DIV自动位于底部

底部DIV自动位于底部设置body为绝对定位,最小显示高度为:100%,宽度为:100%: 设置底部显示块为绝对定位,bottom: 0,是body元素的最后一个直接子元素: 设置底部块元素同级元素的上一个兄弟元素的边距可以包含下底部元素即可: <!DOCTYPE html> <html lang="en"> <head> <style> .slibing-div{ border: 2px red solid; height: 200p

CSS DIV自动适应高度

当div需要设定自适应高度时,可用到的css属性,min-height:200px;代表的是当div的内容超出了200px时,就会自动适应高度,兼容所有浏览器(IE6除外),如果是IE6则需要设置"_height" 代码: div{ _height:200px; min-height:200px; }