                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

编程挑战的任务3

要求右侧(right)先加载，左侧（left）后加载，怎么实现

wlf1112

2015-12-04

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

关注问题我要回答

634

操作

收起

1 回答

木子舟义
2015-12-04

.main{background:red;}

.main:after{

visibility: hidden;

display: block;

font-size: 0;

content: " ";

clear: both;

height: 0;

}

.left{background:#00f;float:left;width:50%;}

.right{background:#1d9;float:right;width:50%;}

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

收起回答

wlf1112 提问者

这样也没有涉及到加载的顺序问题吧，如果右边先加载的话，是不是说 <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> html中的<div class="right">right</div>应该写在<div class="left">left</div>前面呢

2015-12-04 回复有任何疑惑可以回复我~

wlf1112 提问者

谢谢！

2015-12-04 回复有任何疑惑可以回复我~

木子舟义回复 wlf1112 提问者

html文件就是顺序加载的。你既然把 class为right的写在 class为left的前面那么右边的就会先加载。

2015-12-04 回复有任何疑惑可以回复我~

查看1条回复

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

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

进入课程

编程挑战的任务3

我要回答关注问题

热搜

最近搜索清空

编程挑战的任务3

1 回答

编程挑战的任务3