• • 已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
7小时前关闭。
这篇文章是编辑和提交审查4小时前。
Improve this question
嗨，我得到了这个布局，我如何与CSS，父div设置为最大宽度1500px，它是一个显示Flex和两个孩子的差距18px #文本，#新闻...新闻是重叠的，以接触任何屏幕的右边缘用户。

html{
 border:1px solid red;
}
html:after{
content:"HTML";
color:gray;
}
.main{
 display:flex;
 flex-flow:row;
 max-width:350px;
 color:black;
}

.main .child-1 {
 flex: 1 1 40%;
 border:1px solid #000
}

.main .child-2 {
  flex: 1 1 100vw;
  border:1px solid #000;
}

.main ul p {
 display:block;
 width 250px; // Whatever
}

ul{
 list-style:none;
 display:flex;
}

<div class="main">
   <p class="child-1">Some lorem Text</p>
   <div class="child-2">
     <ul>
       <li><p>1</p></li>
       <li><p>2</p></li>
       <li><p>3</p></li>
       <li><p>4</p></li>
     </ul>
   </div>
</div>