html中页⾯整体排版,html在不同尺⼨浏览器窗⼝中页⾯排版混
乱
浏览器放⾄最⼤显⽰没有问题,但是改变浏览器窗⼝⼤⼩,出现混乱
截图如下,出现堆叠:
希望达到的效果如下:
html里的float是什么意思代码:
html
test
⾸页
问题
专栏
⽤户
特⾊
css .row { background-color: rgba(51, 51, 51, 1); height: 60px; width: inherit; box-shadow: 0 5px black inset; } #a1 { position: absolute; height: 64px; width: 172px; margin-left: 60px; margin-top: 3px; } #a2 { color: white; font-size: 28px; font-weight: bold; margin-top: 15px; margin-left: 240px; position: absolute; } #a3,#a4,#a5,#a6,#a7,#a8 { position: absolute; color: white; margin-top: 15px; font-size: 18px; float: none; } #a3 { color: #FFCC00; margin-left: 55%; } #a4 { margin-left: 61%; }
#a5 { margin-left: 65%; } #a6 { margin-left: 71%; } #a7 { margin-left: 79%; } #a8 { margin-left: 85%; }
#a_1,#a_2,#a_3,#a_4,#a_5,#a_6 { position: absolute; color: white; margin-top: 15px; } #a_1 { margin-left: 60%; } #a_2 { margin-left: 64%; } #a_3 { margin-left: 70%; } #a_4 { margin-left: 78%; }
`
⿇烦⼤家帮我看看怎么实现?谢谢
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论