课程
/前端开发
/HTML/CSS
/网页布局基础
为什么对box1进行左浮动设置后,再对box2进行左浮动设置时,box2是紧挨着box1的右边显示的呢(box1和box2是两个相邻模块)
2016-10-19
源自:网页布局基础 3-2
正在回答
本来是就是紧紧挨着的好吧 。
你这样,为box1设置 margin-left:20px;
或者, 为box2设置 margin-right:20px;
上面代码二选一,都能让你的box1和box2有间隙。
都是手打的,希望给采纳 谢谢
qq_伊藤_03776080 提问者
也许是这句话:当元素设置浮动属性后,会对相邻元素(紧邻后面的元素)产生影响
float这个属性,float 最早的设计目的是用于图片,使文字能够环绕在图片周围。
所有带有浮动属性的元素兼并了块元素和内联元素的优点,使得元素不仅可以设置宽度和高度,也可以在水平方向进行排列布局。带有浮动属性的元素会脱离标准流进行排列布局,脱离标准流后的元素就不和块元素相处在同一个流不居中,使得带有浮动属性的元素漂浮在正常块元素上面。
但是 浮动的块虽然脱离了正常的文档流,但是依然占据正常文档流的文本空间。于是在其后面写的文本并不会被浮动元素所覆盖而是继续水平排列超出换行。
希望可以借鉴
举报
让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识