我想要这样的东西:
<base-component>
<sec-component>
</sec-component>
</base-component>
是否有可能在淘汰组件的帮助下实现这一目标？
id 为“message-box”的 Div 超出其父 div“message-container” 我不明白为什么？
我使用了“溢出：自动；” 在我的“消息框”的 css 中。但它仍然没有给我想要的结果。当我在“消息框”上使用“溢出：自动”时，左边距无法正常工作。
下面是我的 HTML 文件：
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" >
<title>temp</title>
</head>
<body>
<div id="main">
<div id="header">header</div>
<div id="container">
<div id="user-container">user</div>
<div id="message-container">
<div id="message-box">message box</div>
<div id="text-box"> text box</div>
</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
下面是我的 CSS 文件：
#main{
border: 1px solid red;
margin: 5px;
}
#header{
border: 1px solid red;
height:30px;
margin: 10px;
}
#container{
margin:10px;
height:32em;
}
#footer{
border: 1px solid red;
height:30px;
margin: 10px;
} …