                        课程
                    
                        /移动开发
                        
                            /Android
                        
                        /Android攻城狮的第一门课（入门篇）

绝对布局不能用百分比来设置距离吗？

能用百分比是不是好用一点

蝴蝶没了

2015-08-27

源自：Android攻城狮的第一门课（入门篇） 15-2

关注问题我要回答

1099

操作

收起

2 回答

dx
2015-08-27

<!DOCTYPE html>    
<html>    
<head>    
<meta charset="utf-8">    
<title>绝对布局不能用百分比来设置距离吗？..._慕课问答</title>    
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">    
<meta name="renderer" content="webkit">    
<meta property="qc:admins" content="77103107776157736375" />    
<meta property="wb:webmaster" content="c4f857219bfae3cb" />    
<meta http-equiv="Access-Control-Allow-Origin" content="*" />    
<meta name="Keywords" content="Android" />    
<meta name="Description" content="绝对布局不能用百分比来设置距离吗？" />    
<meta name="viewport" content="width=device-width, initial-scale=1">    
<script type="text/javascript">    
var OP_CONFIG={"module":"course","page":"qadetail","userInfo":{"uid":"123201","nickname":"dx","head":"http:\/\/img.mukewang.com\/user\/5333a0f60001eaa802200220-80-80.jpg","usertype":"1","roleid":0}};    
var seajsTimestamp="v=201508261530";    
</script>    
<link rel="stylesheet" href="/static/lib/layer/1.6.0/skin/layer.css" type="text/css" />    
<link rel="stylesheet" href="http://static.mukewang.com/static/css/??base.css,common/common-less.css,wenda/qadetailnew-less.css,course_code.css?v=1438854777" type="text/css" />    
</head>    
<body >    
<div id="header">    
<div class="page-container" id="nav">    
<div id="logo" class="logo"><a href="/" target="_self" class="hide-text">慕课网</a></div>    
<div class="g-menu-mini l">    
<a href="#" class="menu-ctrl">    
<i class="icon-menu"></i>    
</a>    
<ul class="nav-item l">    
<li>    
<a href="/course/list"  target="_self">课程</a>    
</li>    
<li><a href="/course/program"  target="_self">计划</a></li>    
<li><a href="/corp/index"   target="_self">分享</a></li>    
<li><a href="/wenda"  target="_self">社区</a></li>    
</ul>    
</div>    
<div id="login-area">    
<ul class="clearfix logined">    
       	<li class="my_message">    
<a href="/message" title="我的消息" target="_self">    
<i class="msg_icon" style="display: none;"></i>    
<span style="display: none;">我的消息</span>    
</a>    
</li>    
<li class="set_btn user-card-box">    
<a id="header-avator" class="user-card-item" action-type="my_menu"  href="/space/index" target="_self"><img src='http://img1.sycdn.imooc.com//user/5333a0f60001eaa802200220-40-40.jpg' width='40' height='40' />    
<i class="myspace_remind" style="display: none;"></i>    
<span style="display: none;">动态提醒</span>    
</a>    
<div class="g-user-card">    
<div class="card-inner">    
<div class="card-top">    
<img src="http://img1.sycdn.imooc.com//5333a0f60001eaa802200220-100-100.jpg" alt="dx" class="l">    
<span class="name text-ellipsis">dx</span>    
<p class="meta">    
<span>经验<b id="js-user-mp">2921</b></span>    
<span style="display: none">积分<b>12331</b></span>    
</p>    
</div>    
<div class="card-links">    
<a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>    
<span class="split l"></span>    
<a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>    
</div>    
<div class="card-history">    
<span class="history-item">    
<span class="tit text-ellipsis">jQuery源码解析（DOM与核心模块）</span>    
<span class="media-name text-ellipsis">1-1 什么是遍历？</span>    
<i class="icon-clock"></i>    
<a href="/video/4674" class="continue">继续</a>    
</span>    
</div>    
<div class="card-sets clearfix">    
<a href="/user/userinfo" class="l">个人设置</a>    
<a href="http://www.imooc.com/user/logout" class="r">退出</a>    
</div>    
</div>    
<i class="card-arr"></i>    
</div>    
</li>    
</ul>    
</div>    
<div class="app-down-area r">    
<a href="/mobile/app">    
<i class="header-app-icon"></i>慕课APP    
</a>    
</div>    
<div class="search-area">    
<form action="/index/search" name="search-form" method="get">    
<input class="js-input-keyword search-input" placeholder="搜索课程、问答" type="text" autocomplete="off" name="words" value="">    
<input type="button" class="btn_search js-btn-search">    
<dl class="search-area-result"></dl>    
</form>    
</div>    
	</div>    
</div>    
<div id="main">    
<div class="container qa-container clearfix">    
<div class="qa-left l">    
<div class="qa-left-wrap">    
<div class="qa-breadcrumb">    
<a href="/wenda">全部问答</a> > <a href="/wenda/2">课程问答</a>    
</div>    
<div class="qa-header">    
<div class="qa-header-right r">    
<div class="bdsharebuttonbox l">    
<a href="#" class="bds_more icon-share" data-cmd="more"></a>    
</div>    
<a href="javascript:void(0)" data-id="94826" title="添加关注" class="l wenda-add-collection js-collection-btn">    
<i class="icon-heart"></i>    
</a>    
</div>    
<a href="/myclub/otherquestion?uid=2289748" target="_blank" class="qa-author"><img src='http://img1.sycdn.imooc.com//user/55dd3162000115ed01000100-40-40.jpg' width='40' height='40' /> 蝴蝶没了</a>    
</div>    
<div class="qa-content" data-qid="94826">    
<div class="qa-content-inner imgPreview">    
<div id="js-content-main">    
<h3 class="js-qa-wenda-title qa-wenda-title">绝对布局不能用百分比来设置距离吗？</h3>    
<div id="js-qa-content" class="qa-disscus rich-text"><p>能用百分比是不是好用一点</p></div>    
</div>    
</div>    
<div class="qa-content-addon clearfix">    
<span class="qa-createtime l">1小时前</span>    
<div class="keyword-list">    
<a href="/wenda/tag/tagId/12" target="_blank" class="list-tag">Android</a>    
</div>    
<a href="/video/3896" class="qa-course-from"> 源自：Android攻城狮的第一门课（... 15-2</a>    
<span class="qa-view-num r">9 浏览</span>    
<span class="qa-total-comment r">1 回答</span>    
</div>    
</div>    
<div class="qa-comments">    
<div class="qa-comment js-qa-comment" data-cid="77520">    
<div class="qa-comment-wrap clearfix ">    
<div class="qa-comment-author">    
<a href="/myclub/otherquestion?uid=2294245" title="风莲">    
<img src='http://img1.sycdn.imooc.com//user/5458662500019a7c02200220-40-40.jpg' width='40' height='40' />    
<span class="qa-comment-nick">风莲</span>    
</a>    
</div>    
<div class="qa-comment-d ">    
<!-- <div class="qa-triangle-left"><i></i></div> -->    
<div class="qa-comment-inner">    
<div class="qa-comment-c imgPreview">    
<div class="rich-text">    
<p>固定的最好不用，会导致页面错乱的说</p>    
</div>    
</div>    
<div class="qa-comment-addon">    
<span class="qa-comment-time">41分钟前</span>    
<div class="qa-comment-addon-r">    
<span class="qa-total-reply js-reply-item-reply" ><i  class="icon-msg"></i><span class="js-qa-tr-num">回复</span></span>    
<span class="js-qa-comment-support qa-comment-support  js-qacom-supported-user" data-ids="94826-77520"><i  class="icon-thumb"></i><span>0</span></span>    
</div>    
</div>    
</div>    
</div>    
</div>    
733-40-40.jpg' width='40' height='40' /></a>    
<a href="/myclub/otherquestion?uid=302326" target="_blank" title="血舞残殇" class="rankingnickname">血舞残殇</a>    

<script type="text/javascript" src="/static/sea-modules/seajs/seajs/2.1.1/sea.js"></script>    
<script type="text/javascript" src="/static/sea_config.js?v=201508261530"></script>    
<script type="text/javascript">seajs.use("/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>    
<div style="display: none">    
<script type="text/javascript">    
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");    
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff0cfcccd7b1393990c78efdeebff3968' type='text/javascript'%3E%3C/script%3E"));    
(function (d) {    
window.bd_cpro_rtid="rHT4P1c";    
var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";    
var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0);    
})(document);    
</script>    
</div>    
</body>    
</html>