Heim > Artikel > Web-Frontend > 怎么让右层随着左栏高度增高而增高呢？_html/css_WEB-ITnose
怎么让右层随着左栏高度增高而增高呢？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:06:32824Durchsuche
sdfsdf
sdfsf
回复讨论(解决方案)
等高布局
<!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>.box{width:800px;margin:100px auto;overflow:hidden;}.left{width:300px;background:red;padding-bottom:2000px;margin-bottom:-2000px;float:left;}.right{width:500px;background:green;padding-bottom:2000px;margin-bottom:-2000px;float:left;}</style></head><body><div class="box"> <div class="left"> 尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容 尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容 </div> <div class="right"></div></div></body></html> 等高布局
<!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>.box{width:800px;margin:100px auto;overflow:hidden;}.left{width:300px;background:red;padding-bottom:2000px;margin-bottom:-2000px;float:left;}.right{width:500px;background:green;padding-bottom:2000px;margin-bottom:-2000px;float:left;}</style></head><body><div class="box"> <div class="left"> 尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容 尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容 </div> <div class="right"></div></div></body></html> 那如果有border怎么办？
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：【特别推荐】12款最佳的网站速度和性能测试工具_html/css_WEB-ITnoseNächster Artikel：请教一个基础问题，CSS的继承_html/css_WEB-ITnose