> 웹 프론트엔드 > HTML 튜토리얼 > div如何自适应宽度_html/css_WEB-ITnose

div如何自适应宽度_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:35:31
원래의
1047명이 탐색했습니다.

<div id="main"><div style="width:200px;float:left;background:#f00;">固定宽度<div><div style="float:left;background:#ff0;">要如何让这个div的宽度自由随着main的宽度自动变化呢</div></div><table width=100%><tr><td width=200>用table就可能很方便实现</td><td>用div要怎么做呢</td></tr></table>
로그인 후 복사


特注: 不能用js来实现


回复讨论(解决方案)

为什么就没人回复个呢

固定宽度

要如何让这个div的宽度自由随着main的宽度自动变化呢

<div id="main"><div style="width:200px;float:left;background:#f00;">固定宽度<div><div style="float:left;background:#ff0;width:100%">要如何让这个div的宽度自由随着main的宽度自动变化呢</div></div>
로그인 후 복사

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.div1{background:#f00;width:200px;float:left;}.div2{background:#ff0;margin-left:200px;}</style></head><body><div id="main"><div class="div1">固定宽度</div><div class="div2">要如何让这个div的宽度自由随着main的宽度自动变化呢</div></div></body></html>
로그인 후 복사

设置宽度时候用百分比就行了

로그인 후 복사

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档





    

         左边固定大小
        

        

右边根据 main 自动适应大小


    



这个方法 使用大多数浏览器,我开始也在找才看到你的帖子,着了好久都没有结果,然后就自己试咯。最好觉得就这个挺合理的,我的QQ280026181 如果有需要可以加我。我也经常遇到类似问题可以相互请教

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