百度页面制作

弹性布局

这几个代码要一起用

display: flex;justify-content: space-around;

行内样式1000 id100 class10 tag1(优先数值)权值

<style>
#topRight>input{background:red;border: 0;}
#topRight>#login{width: 48px;background: #38f;}
</style>
​
<div id="topRight">
    <input type="button" name="" value="设置">
        <input type="button" id="login"name="" value="登录">
​
</div>

 

#topRight>input{background:red;border: 0;}一个id和一个标签
#login{width: 48px;background: #38f;}一个id
要使第二个在不影响效果的情况下大于第一个的权值

通过子代选择器选择#login ID

#topRight>input{background:red;border: 0;}一个id和一个标签
#topRight>#login{width: 48px;background: #38f;}两个id
第二个就大于第一个了