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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

具体是怎么实现先加载右边 后加载左边的

是哪段代码实现的  先加载右边的 虽然出来效果了但是 不太清楚为什么

.left{width: 30%;height: 100%;background: #ccc;margin: 0 auto;text-align: center;float: left;}

.right{width: 70%;height: 100%;background: #999;margin: 0 auto;text-align: center;float: right;}

.foot{width: 100%;height: 50px;background: black;margin: 0 auto;text-align: center;clear:both;}

这段代码 有没有实现 先加载右侧 与下面的代码 在实现 先右后左上 哪个是符合条件的？

.left{ width:200px; height:500px; background:blue;position:absolute;left:0;top:100px; }

.right{ margin-left:210px;width:100%;height:500px; background:#9C9;}

有大神能帮解答吗

weibo_幸福长大了_0

2016-03-23

源自：如何用CSS进行网页布局  5-3

关注问题 我要回答
963
操作
收起

正在回答

2 回答

Csunnnnn
2016-03-29

你的这段代码属于css样式代码，只决定了网站内容的形式。当然，CSS代码也是自上而下逐行读取的。

而加载网页内容的顺序在<body></body>标签中，读取方式一样自上而下逐行读取。先加载的放前边。

想要改变网页内容加载顺序，就得改变<body></body>标签中的代码语句顺序。

加载顺序不由网页本身代码决定，是浏览器的机制。

1 回复 有任何疑惑可以回复我~
收起回答
#1

hello清风

是的，把right容器放在left容器前边就行了 <div class="right">right</div> <div class="left">left</div>
2016-04-11 回复 有任何疑惑可以回复我~
分期付款
2016-03-23

CSS代码是逐行读取的。加载的顺序1>2>3.....

.left{}

.right{}

顺序为先加载.left{}

.right{}

.left{}

顺序为先加载.right{}

所以你的代码。从你的提问角度出发是错的。（虽然最后效果是一样的）

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

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

具体是怎么实现先加载右边 后加载左边的

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信