怎么让父极元素的宽度自动设为所有子集的宽度之和呢？或者怎么保证子集不换行？不考虑用js!

要让父元素的宽度是所有子元素的宽度之和，那就是说跟据内容自适应，设置父元素的display: inline-block;;要让子元素不换行，在父元素上设置white-space: nowrap<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>Document</title>  <style>    div {      white-space: nowrap;      display: inline-block;      border: 1px solid #f00;    }    p {      width: 100px;      height: 100px;      display: inline-block;      border: 1px solid #00f;    }  </style></head><body>  <div>    1    1    1    1    1    1    1    1    1    1    1  </div></body></html>

怎么让父极元素的宽度自动设为所有子集的宽度之和呢？或者怎么保证子集不换行？不考虑用js!

1回答