为了账号安全,请及时绑定邮箱和手机立即绑定

CSS 响应式布局的一个问题

CSS 响应式布局的一个问题

撒科打诨 2019-01-30 10:50:18
<body style="padding:20px">   <div>     <button></button>     <button></button>   </div></body>button 与屏幕的间距是20px,我想让两个 button 之间的间距也是20px,然后 button 的宽度随屏幕大小变化而变化,不改变以上 html 结构,不使用 flex 和 calc 的情况下如何实现
查看完整描述

1 回答

?
慕丝7291255

TA贡献1859条经验 获得超6个赞

这个问题好解决,父级div设置左右留空10px,btn各-10px就可以了

div{    padding: 0 10px}button{    width: 50%}button:first-child{    margin-left:-10px}button:last-child{    margin-right: -10px;    float: right;
}


查看完整回答
反对 回复 2019-01-30
  • 1 回答
  • 0 关注
  • 441 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信