蓉杠学习网

html伸缩,html伸缩布局

大家好,今天小编关注到一个比较意思的话题,就是关于html伸缩问题,于是小编就整理了1个相关介绍html伸缩的解答,让我们一起看看吧。

  1. html的四种局部布局?

html的四种局部布局

第一种实现方式浮动布局

将左右的div宽度设为300px,分别左右浮动,中间盒子不设宽度。注意:先写右边盒子,再写中间盒子,否则先渲染中间盒子,中间盒子会占满该行剩下的宽度,右边盒子只能换行显示,就会出现面的情况。

html伸缩,html伸缩布局
图片来源网络,侵删)


第二种:绝对定位(position:absolute)

html伸缩,html伸缩布局
(图片来源网络,侵删)

设置父盒子position:relative(相对定位),三个子盒子position:absolute,左盒子left:0,右盒子right:0;中间盒子left:300px;right:300px。

到此,以上就是小编对于html伸缩的问题就介绍到这了,希望介绍关于html伸缩的1点解答对大家有用。

html伸缩,html伸缩布局
(图片来源网络,侵删)

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.rongung.com/post/32925.html

分享:
扫描分享到社交APP