> 웹 프론트엔드 > HTML 튜토리얼 > css 高度100%的小问题_html/css_WEB-ITnose

css 高度100%的小问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:00:07
원래의
1246명이 탐색했습니다.

<div style="overflow:hidden;">    <div style="height:50px;float:left;width:100px;background:#CCC;"></div>    <div style="height:100%;float:left;width:100px;background:#808080;"></div></div>
로그인 후 복사

为什么第二个div高度不能自动100%?
我该如何让并行的div 高度 为其中任意一个div最高的高度


回复讨论(解决方案)

小白求助,如何才行实现

小白求助,如何才能实现

小白求助,如何才能实现

似乎没听懂什么意思


    

    


    

    


很好, 但是这样有个问题 ,就是我的宽度不固定, 那么left 这个是不确定的

用高度调不到试着用最小高度去设置第一个DIV的高度,然后设定第二个DIV的高度。具体你有要做什么我没看懂,假如你要第一个DIV浮在第二个DIV上面那我觉得要用绝对定位。你的目的不是很明确我不是很明白


    

    


    

    


加了display: table-cell;,去掉float:left;

style="height:100%;float:left;width:100%; 尽量一样

加上这个试一下:
html,body{ height:100%;}

这么久才来结贴 抱歉额


    

    


加了display: table-cell;,去掉float:left;
这样确实可以实现效果 谢谢
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿