问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
请看技巧与提示的那里,由于文字不是很多,导致在大屏幕上,这个div太短了,现在页面有点难看,但是在比较小的屏幕(笔记本屏幕),效果还是可以的,这个该怎么决解呢?我希望的效果如下
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
$(".divClassName").css("height",$(document).height());
这样可以定义某个div的高度跟页面大小一致，如果用js，注意以下问题:document.body.clientWidth ==& BODY对象宽度document.body.clientHeight ==& BODY对象高度document.documentElement.clientWidth ==& 可见区域宽度document.documentElement.clientHeight ==& 可见区域高度
子元素的div高度，按百分比设置，会根据父元素的高度自动调整。如果还是变化太大，可以通过@media screen and (max-width:1000px) {} 这样的方法给不同范围的写不同的样式
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一个就是和楼上说的一样设置一个min-height 还有一个可以适应不同大小屏幕的方法:在页面加载时用js获取当前body的高度，然后根据你的需要，设置div高度为body高度的百分之几，这样不管屏幕分辨率大小是多少，看起来比例都会是一样的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
用绝对定位即可。
.main-nav { heigth: 80 }
.content {position: top: 90 bottom: 0; }
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
min-height
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以设定一个最小高度来撑起空白区域的内容高度，如min-height:300，
但是min-height属性在IE6下不被支持，不过通过处理可以获得支持，代码如下
min-height:300
height:auto !
height:300
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
最小高度可以用，但是未必可以保持最好的显示效果，还是建议采用js来识别当前页面高度的方法用比例设置高度
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以试一下：min-height
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
楼主可以包裹这段文字加一个margin-bottom试试
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
给div一个min-height属性，可以使其在最大屏时，仍能保持一定高度。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
内联样式表，定义一个width？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我看你使用了圆角，想来也是没有兼容性考虑了，那就直接 calc 吧
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
用'padding-bottom'把底部撑下去也可以的吧
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：HTML5手机网站开发页面宽度解决方案_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
HTML5手机网站开发页面宽度解决方案
0|0|暂无简介|
方维网络是深圳老牌网站设计公司，专注于企...|
总评分0.0|
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
你可能喜欢}