用div 和css可以实现宽高随内容自动撑开缩小吗

 我来答
希尔德斯神话
2011-04-21 · TA获得超过846个赞
知道小有建树答主
回答量:699
采纳率:0%
帮助的人:695万
展开全部
可以的,给你举个例子吧.试试看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
<style type="text/css">
.content{width:500px;margin:0 auto;height:auto;border:1px solid #333;background:#999;}
</style>
<div class="content">我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!</div>
</body>
</html>
更多追问追答
追问
你只是实现了高度自适应  我需要的是  宽和高都能自适应     这个用table 可以实现 但是用div现在我还不知道怎么实现,你能举个例子给我看看吗
追答
一个道理,你把div的width也设置成auto;就可以了.

.content{width:auto;height:auto;border:1px solid #333;background:#999;}

我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!

参考资料: 手机壁纸 www.37s.net

姑苏初晴e5
2011-04-21 · TA获得超过289个赞
知道小有建树答主
回答量:394
采纳率:0%
帮助的人:381万
展开全部
当然可以了啊,外面的div不设置高度,内部的内容就可以自动改变外框div的高度。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
野外负伤
2015-12-02 · 知道合伙人互联网行家
野外负伤
知道合伙人互联网行家
采纳数:13 获赞数:134
2011年到2015年从事医院网络4年,有丰富的实践经验,对网络营销有深刻的理解。

向TA提问 私信TA
展开全部
<style>
.cheshi { width:auto; height:auto; float:left;}
</style>
<div class="cheshi">
<p>测试测试测试测试测试测试</p>
<p>测试测试测试测试测试测试</p>
<p>测试测试测试测试测试测试</p>
<p>测试测试测试测试测试测试</p>
</div>
<!--div内容随意添加标签,主要设定宽和高自动就可以了-->
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
刘恒甫
2015-11-15 · TA获得超过114个赞
知道小有建树答主
回答量:233
采纳率:53%
帮助的人:86.3万
展开全部
可以,你只要定义scroll属性就行
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2011-04-21
展开全部
可以
追问
我需要的效果是四个角上是圆角的图片,然后四个边是可以自动伸缩的线条图片, 中间的内容随便添加,这个框架也自动伸缩, 这个div可以排版出来吗
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式