猿问

CSS 响应式布局的一个问题

<body style="padding:20px">
  <div>
    <button></button>
    <button></button>
  </div></body>

button 与屏幕的间距是20px，我想让两个 button 之间的间距也是20px，然后 button 的宽度随屏幕大小变化而变化，不改变以上 html 结构，不使用 flex 和 calc 的情况下如何实现


撒科打诨
浏览 442回答 1
1回答

慕丝7291255

这个问题好解决，父级div设置左右留空10px,btn各-10px就可以了div{&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;0&nbsp;10px}button{&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50%}button:first-child{&nbsp;&nbsp;&nbsp;&nbsp;margin-left:-10px}button:last-child{&nbsp;&nbsp;&nbsp;&nbsp;margin-right:&nbsp;-10px;&nbsp;&nbsp;&nbsp;&nbsp;float:&nbsp;right; }
0
随时随地看视频慕课网APP

相关分类

Html5
我要回答