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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

如果我用float属性左右两边的 好像也可以

body部分要写的顺序改成

<div class="left">left</div>


<div class="right">right</div>

<div class="middle"> 一续费复反反复复反反复复反反复复反反复复反反复复反反复复滴答滴答滴答的</div>

而css部分写成

.left{height:100px;  background:green;width:200px;float:left;}

.right{ width:; background: blue;height:100px; width:100px;float:right; }

.middle{height:100px; background:red; margin-left:200px; margin-right:100px;}

貌似也可以，有什么问问题吗？

慕粉3688811

2016-10-11

源自：如何用CSS进行网页布局  4-1

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

正在回答

3 回答

weibo_石头是stone_03478669 回答被采纳 +3 积分
2016-10-11

不可以，left左浮动，脱离了文档流，没有问题。middle是<div>块级元素，紧跟着left，但是会占满一行。right紧跟着，会另起一行，浮动居右。虽然将middle在body部分中放在left、right后面，表面上可以满足结果，但是middle中的内容变多了，就会占据right中空间。

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

慕粉3688811 提问者

我写了maring-left跟margin-right 就是给left跟right留出来的，middle里的内容怎么会占据right的空间？我试了以下，在middle里打了好多字，没有影响到right跟left呀？
2016-10-12 回复 有任何疑惑可以回复我~
#2

weibo_石头是stone_03478669 回复 慕粉3688811 提问者

因为float脱离了文档流，不占据空间。middle的空间是占据一行，如果margin-left、margin-right和left、right的width相同，貌似也是可以实现这个效果的。但是我感觉这样有局限性。
2016-10-12 回复 有任何疑惑可以回复我~
#3

慕粉3688811 提问者

老师讲的也是middle是块元素吧，两边也是脱离文档流的left 跟 right.用的是绝对定位吧，不过老师貌似更符合逻辑吧，毕竟body部分是按左中右顺序写的顺序好像可以变？我写的变了就变形了。谢谢回答
2016-10-12 回复 有任何疑惑可以回复我~
#4

weibo_石头是stone_03478669 回复 慕粉3688811 提问者

相互学习
2016-10-13 回复 有任何疑惑可以回复我~
查看1条回复
再去西藏
2016-11-19

你把div的格局弄错了，middle应该是中间的Div ,而不是右边的DIV .

HTML要尽量表达语义，

0 回复 有任何疑惑可以回复我~
收起回答
_渴望
2016-10-11

.middle中写的样式，是相对于父级的定位；

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

慕粉3688811 提问者

middle是块级元素，没有定位呀？
2016-10-12 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

如果我用float属性左右两边的 好像也可以

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