2014-03-27 62 views
0

我是triyng以获得带有id名称结果的div标签,它将是动态的div标签数据的相同大小。我应该如何处理这个问题?根据另一个动态的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> 
+0

[这个问题可能会帮助(http://stackoverflow.com/questions/14257593/how-to-change-the-height-of-a-div-dynamically-based -on-another-div-usign-css?rq = 1) – TylerH

+0

谢谢TylerH,我来看看。 – Noe

回答

0

要么你可以使用表格布局参见:

Demo using table

<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> 

或者只是使用display: table-cell属性为您#data#result DIV:

Demo using display: table-cell

#data, #result 
{ 
    border:5px solid red; 
    display: table-cell; 
    width: 200px; 
}