为了账号安全,请及时绑定邮箱和手机立即绑定

请问如果能够inline-block为什么2个语句不再同一行显示?

<!DOCTYPE HTML>
<html>
<head>
<meta  charset="utf-8">
<title>隐性改变display类型</title>
<style>
.container a{
    position:absolute;
	width:300px;
	background:#ccc;
    margin:100px 0;
    height:200px;
    line-height:200px;
}
.t1{
    position:absolute;
    background:#ccc;
}
</style>
</head>

<body>
    <p class="t1">111111111111111111111</p>
<div class="container">
    <a href="#" title="">进入课程请单击这里</a>
</div>

</body>
</html>

请问如果能够inline-block为什么2个语句不再同一行显示?

正在回答

2 回答

因为你是将在div中的a标签定义为了inline-block,外层div还是原来的类型,重新占了一行

2 回复 有任何疑惑可以回复我~
#1

流海侃人 提问者

非常感谢!
2016-03-18 回复 有任何疑惑可以回复我~

你这个问题没办法回答你,如果非要在一起 可能是缩写

0 回复 有任何疑惑可以回复我~
#1

流海侃人 提问者

可能是我没有描述清楚。我的问题是 #t1 和 #container 都已经被指定 position:absolute 之后不是应该变成 inline-block(行内块级元素)么?但是他们并没有表现出inline-block的特性(在同一行显示,但是可以制定宽高)。请问这是为什么,是我的代码出错了?
2016-03-14 回复 有任何疑惑可以回复我~
#2

菜鸟_0024 回复 流海侃人 提问者

设置float
2016-03-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问如果能够inline-block为什么2个语句不再同一行显示?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号