html – 并排设置两个div,然后设置第三个div

概述我如何并排设置两个div,而下面的第三个div设置为这样 . 我当前的代码如下所示,将div放在name div之后 HTML： <div id="info_div"> <div id="info_div_name">Name</div> <div id="info_div_time">6:30 PM</div> <div id="info_div_note">Note</ 我如何并排设置两个div,而下面的第三个div设置为这样

.

我当前的代码如下所示,将div放在name div之后

HTML：

<div ID="info_div">    <div ID="info_div_name">name</div>    <div ID="info_div_time">6:30 PM</div>    <div ID="info_div_note">Note</div></div>

CSS：

#contact_table_data {    wIDth:inherit;    height:inherit;    background-color:#99cc33;    max-wIDth:400px;}#info_div_name {    wIDth:auto;    height:auto;    padding: 5px 0px 5px 10px;    float:left;}#info_div_time {    wIDth:auto;    height:auto;    padding: 5px 10px 5px 0px;    float:right;}#info_div_note {    wIDth:inherit;    height:auto;    position:static;    padding: 0px 10px 5px 10px;}

解决方法 以下代码将执行.你应该清除浮子.

#info_div_note {clear: both;wIDth: inherit;height: auto;position: static;padding: 0px 10px 5px 10px;}

总结

以上是内存溢出为你收集整理的html – 并排设置两个div,然后设置第三个div全部内容，希望文章能够帮你解决html – 并排设置两个div,然后设置第三个div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。