我试图让带有 id 名称结果的 div 标签与 div 标签数据的大小相同,这将是动态的。我应该如何处理这个问题?
谢谢
<!DOCTYPE html>
<html>
<head>
<style>
#main
{
border:5px solid black;
float:left;
}
#result
{
border:5px solid red;
float:left;
width: 200px;
}
#data
{
border:5px solid red;
float:left;
width: 200px;
}
</style>
</head>
<body>
<h1>Test</h1>
<div id="main">
<div id="result">Result:</div>
<div id="data">Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah </div>
</div>
</body>
</html>
最佳答案
您可以为此使用表格布局:
<table id="main">
<tr>
<td id="result">Result:</td>
<td id="data">Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah Dynamic Data etc...blah </td>
</tr>
</table>
或者只为您的 #data
和 #result
div 使用 display: table-cell
属性:
Demo using display: table-cell
#data, #result
{
border:5px solid red;
display: table-cell;
width: 200px;
}
关于html - 根据另一个动态的 div 标签的数据扩展 div 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22690871/