Fatal编程技术网
  • html/
  • Html 并排<；部门>；然后是常规<；部门>；

Html 并排<；部门>；然后是常规<；部门>；

html css

Html 并排<；部门>；然后是常规<；部门>；,html,css,css-float,Html,Css,Css Float,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-

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>


设施#：公司10
设施112
设施代码：4071
日期：2014年7月17日
海关评估（UDA）报告
用户：约翰·韦恩
时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表
这导致：

如何修复此问题，请帮助。

将其包含在第三个
div

clear:both;
看起来是这样的

<div style="clear:both;">
   Time: 12:59:11 ET
</div>


时间：美国东部时间12:59:11
演示：

将其包含在第三个
div

clear:both;
看起来是这样的

<div style="clear:both;">
   Time: 12:59:11 ET
</div>


时间：美国东部时间12:59:11
演示：

将其包含在第三个
div

clear:both;
看起来是这样的

<div style="clear:both;">
   Time: 12:59:11 ET
</div>


时间：美国东部时间12:59:11
演示：

将其包含在第三个
div

clear:both;
看起来是这样的

<div style="clear:both;">
   Time: 12:59:11 ET
</div>


时间：美国东部时间12:59:11
演示：

只需将最外层的
宽度也限制在800px。
只需将最外层的
宽度也限制在800px。
只需将最外层的
宽度也限制在800px。
只需将最外层的
宽度限制在800px，也是。
将
宽度：800px
移动到主容器：


<div style="width:800px;">
  <div>
    <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>
    <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>




设施#：公司10
设施112
设施代码：4071
日期：2014年7月17日
海关评估（UDA）报告
用户：约翰·韦恩
时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表





…并避免内联CSS
将
宽度：800px
移动到主容器：


<div style="width:800px;">
  <div>
    <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>
    <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>




设施#：公司10
设施112
设施代码：4071
日期：2014年7月17日
海关评估（UDA）报告
用户：约翰·韦恩
时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表





…并避免内联CSS
将
宽度：800px
移动到主容器：


<div style="width:800px;">
  <div>
    <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>
    <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>




设施#：公司10
设施112
设施代码：4071
日期：2014年7月17日
海关评估（UDA）报告
用户：约翰·韦恩
时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表





…并避免内联CSS
将
宽度：800px
移动到主容器：


<div style="width:800px;">
  <div>
    <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>
    <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>




设施#：公司10
设施112
设施代码：4071
日期：2014年7月17日
海关评估（UDA）报告
用户：约翰·韦恩
时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表





…并避免内联CSS
尝试避免内联CSS并保持更好的html结构

将第二行中所需的内容添加到单个单独的div：


<div style="clear: both;">
  <time>Time: 12:59:11 ET</time>
  <div>
    <hr/>
    Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
    <hr/>
  </div>
</div>




时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表



尝试避免内联css并保持更好的html结构

将第二行中所需的内容添加到单个单独的div：


<div style="clear: both;">
  <time>Time: 12:59:11 ET</time>
  <div>
    <hr/>
    Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
    <hr/>
  </div>
</div>




时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表



尝试避免内联css并保持更好的html结构

将第二行中所需的内容添加到单个单独的div：


<div style="clear: both;">
  <time>Time: 12:59:11 ET</time>
  <div>
    <hr/>
    Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
    <hr/>
  </div>
</div>




时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表



尝试避免内联css并保持更好的html结构

将第二行中所需的内容添加到单个单独的div：


<div style="clear: both;">
  <time>Time: 12:59:11 ET</time>
  <div>
    <hr/>
    Assessment Type: 1 - Braden Scale for Predicting Pressure Sore Risk
    <hr/>
  </div>
</div>




时间：美国东部时间12:59:11


评估类型：1-预测压疮风险的Braden量表



每当您想要强制浮动div到新行时，只需使用clear：


<div style="clear:left">







这将忽略当前浮动的任何div，并且任何新的浮点左边元素都会考虑下一行作为它们的顶部。
 每当你想将一个浮动div赋给一个新行时，只要使用清晰：


<div style="clear:left">







这将忽略当前浮动的任何div，并且任何新的浮点左边元素都会考虑下一行作为它们的顶部。
 每当你想将一个浮动div赋给一个新行时，只要使用清晰：


<div style="clear:left">







这将忽略当前浮动的任何div，并且任何新的浮点左边元素都会考虑下一行作为它们的顶部。
 每当你想将一个浮动div赋给一个新行时，只要使用清晰：


<div style="clear:left">







这将忽略当前浮动的任何div，任何新的浮点左边元素都会考虑下一行作为它们的顶部。
你应该避免内联CSS。除了使代码变得混乱和难以阅读之外，它还使调试更加困难。你应该避免内联CSS。除了使代码变得混乱和难以阅读之外，它还使调试更加困难。你应该避免内联CSS。除了使代码变得混乱和难以阅读之外，它还使调试更加困难。你应该避免内联CSS。除了使代码变得混乱和难以阅读之外，它还使调试更加困难。这会将
中间div和最后一个
带到下一行，但不是时间。这会将
中间div和最后一个
带到下一行，但不是时间。这会将
中间div和最后一个
带到下一行，但不是时间。这将
中间div和最后一个
带到下一行，但不是时间。