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

为什么我这里并没有排成一行

<!DOCTYPE HTML>

<html>

<head>

<meta  charset="utf-8">

<title>隐性改变display类型</title>

<style>

.container a,.container p{

    float:left;

width:200px;

background:#ccc;

}


</style>

</head>


<body>

<div class="container">

    <a href="#" title="">进入课程请单击这里</a>

    <a href="#" title="">进入课程请单击这里</a>

    <p>我</p>

<p>我</p>

</div>

<p>我</p>

<p>我</p>


</body>

</html>

http://img1.sycdn.imooc.com//570b941f0001e59009560167.jpg上面的代码显示页面就是这样,为什么在div里面p的内容不会跟a的内容排成一行?教程不是说不论什么元素只要设置了float就会变成display:inline-block吗

正在回答

2 回答

因为div容器的宽度不够宽,容不下这么多

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

你把

.container a,.container p{

    float:left;

width:200px;

background:#ccc;}

改成

.container {

    float:left;

width:200px;

background:#ccc;}


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

jazia 提问者

先谢谢你的回答,我试了还是不行
2016-04-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我这里并没有排成一行

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

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

帮助反馈 APP下载

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

公众号

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