css 设置height高自动无效,但设置指定值有效!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 设置height高自动无效,但设置指定值有效!相关的知识,希望对你有一定的参考价值。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div border-bottom:#3399FF solid 1px;
.post-div width:336px; float:left; background:#FF0033;
.div-center float:left;
.corner- height:53px; background:url(div-b.png);
.center-cwidth:15px;
.corner-theight:15px; width:15px;
.div-valuewidth:306px;
.topLeft width:54px; top:0; left:0; background-position:0px 0px; float:left;
.topRight width:12px; top:0; right:0; background-position:-54px 0px; float:right;
.bottomLeft bottom:0; left:0; background-position:0px -51px; float:left;
.bottomRight bottom:0; right:0; background-position:-52px -51px; float:left;

.topCenter width:270px; top:0; background:url(div-top-c.png); float:left;
.bottomCentertop:0; background:url(div-bottom-c.png); float:left;

.centerLeft height:80px; background:url(div-center-l.png); float:left; border-bottom:#66FF00 solid 1px; /* 高度设定 有效 */
.centerCenterbackground:#99CC00; float:left;
.centerRight height:auto; background:url(div-center-r.png); float:right; /* 高度自动 无效 */
</style>
</head>

<body>
<div class="post-div div-margin"><!-- begin post -->
<div class="div-top">
<div class="corner- topLeft"></div> <!-- 1 -->
<div class="corner- topCenter"></div><!-- 2 -->
<div class="corner- topRight"></div><!-- 3 --></div>

<div class="div-center">
<div class="center-c centerLeft"></div><!-- 4 -->
<div class="center-c div-value centerCenter">w<br />w<br />w<br />w<br />w<br />w<br />w<br />w<br />w<br />w<br />w<br /></div><!-- 5 -->
<div class="center-c centerRight"></div><!-- 6 --></div>

<div class="div-bottom">
<div class="corner- corner-t bottomLeft"></div><!-- 7 -->
<div class="center- corner-t div-value bottomCenter"></div><!-- 8 -->
<div class="corner- corner-t bottomRight"></div><!-- 9 --></div>

</div><!-- end post -->
</body>

高不能自动!!只能指定值!

参考技术A 你不写height呀,就写宽度就可以,你可以试试,好了给分 参考技术B 在父容器下面加个清除浮动,
看是不是这两种情况
http://www.aa25.cn/div_css/300.shtml
http://www.aa25.cn/div_css/311.shtml
以前我也老遇到这种情况。建议楼主去看下
参考技术C div下基本只能用js控制了,table的话body也必须设好100%本回答被提问者采纳

Css 知识点

1.结构用id,内容用class

2.inline,block ,inline-block 比较

  • inline:行内元素设置width,height属性无效;margin和padding属性水平方向有效,垂直方向无效;(span,a..)。
  • block:块级元素可以设置width,height;块级元素即使设置了宽度,仍然是独占一行;可以设置margin和padding属性水平垂直都有效;(div,p..)。
  • inline-block:行内块级元素

ps:inline 的height 其实

以上是关于css 设置height高自动无效,但设置指定值有效!的主要内容,如果未能解决你的问题,请参考以下文章

css问题,设置的height:auto;无效,设置像素值就有效,没有设置过浮动,

div的边框宽度和边框颜色设置无效

css中body下的div 为何用百分比设置height无效,用像素值可以

CSS默认下固定高度,自动适应

CSS一些总结

div设置宽度无效