发表于: 2019-12-03 22:07:46
1 1005
学习了任务流程里相关的资料,现做出了页面模型,明天完成 input 代码编写。
在今天的代码编写过程中新学了一个用header标签,然而再写页面头部遇到了一个问题还请师兄指教
头部由 左浮动tag1“注册”,居中的tag2“登录”,右浮动的tag3“关闭组成”,如下代码
一开始我是以<p class=tag1,2,3>的顺序写,可是这样会导致tag2太大把tag3挤到第三行,然后我将tag2宽度设置40%,然而还是把tag3挤到下一行。
在谷歌页面发现tag2宽度缩小了,然而因为缩小后的地方被一些棕色的块占领导致tag3还是被挤开。
我根据tag1,2,3,模型大小,怀疑用了header标签后,有居中属性的tag成为了header的主体,而tag1可以在同一行是因为我先写了tag1从而先占领了第一行,所以tag2和tag1强行挤在一起,所以我更改了顺序,以<p class=tag1,3,2>的顺序写了代码,果然如以上页面显示,tag1,2,3,挤在了第一行。
然后我把tag2的居中属性取消,任然用<p class=tag1,2,3>顺序,打开谷歌测试页面发现tag1,3在一起把2挤开了,此时tag3似乎成为了header的主体
控制变量试验后,似乎是第二个赋予属性的tag才会成为header的主体
于是我便把 .tag_3 放在 .tag_2 前面,后面任然以<p class=tag1,2,3>顺序,测试后发现tag3成为了header主体把tag2挤到下一行
所以似乎在使用header标签,第二个被赋予有关位置的属性会成为header的主体
请问师兄我这么理解是否准确,会出现这样的原因又是什么。
评论