发表于: 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的主体

请问师兄我这么理解是否准确,会出现这样的原因又是什么。




返回列表 返回列表
评论

    分享到