HTML 和 CSS 让我变得谦逊:
试图模仿以下内容:
这是我的尝试:
<div>
<div style="width:800px;">
<div style="float:left;width:25%;background-color:red;">Facility #: COMPANY10</div>
<div style="float:left;width:50%;background-color:green;text-align:center;">FACILITY_112</div>
<div style="float:left;width:25%;background-color:blue;text-align:right;">Facility Code: 4071</div>
</div>
<div style="width:800px;">
<div style="float:left;width:25%;background-color:red;">Date: Jul 17, 2014</div>
<div style="float:left;width:50%;background-color:green;text-align:center;">Custom Assessment (UDA) Report</div>
<div style="float:left;width:25%;background-color:blue;text-align:right;">User: John Wayne</div>
</div>
<div>
Time: 12:59:11 ET
</div>
<div>
<hr/>
Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
<hr/>
</div>
</div>
这导致:
我该如何解决这个问题,请帮忙。
最佳答案
只需限制最外层的宽度<div>
也到 800px。
关于html - 并排 <div> 然后是常规 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24811949/