Html 浮动div与100%一致

Html 浮动div与100%一致,html,css,css-float,floating,Html,Css,Css Float,Floating,有没有可能让第二个具有100%宽度的DIV向左浮动而不被按下?例如: 正如您所看到的,由于div two是%100,所以它被向下推到div one的下面,这样它就可以占据100%的屏幕。但是有没有一种方法可以使第二分区不被推倒,只占第一分区右侧的100%呢?如果是,怎么做 这是我的密码: HTML <div class="one"> <div>About Us</div> <div>Contact Us</div> &

有没有可能让第二个具有100%宽度的DIV向左浮动而不被按下?例如:

正如您所看到的,由于div two是%100,所以它被向下推到div one的下面,这样它就可以占据100%的屏幕。但是有没有一种方法可以使第二分区不被推倒,只占第一分区右侧的100%呢?如果是,怎么做

这是我的密码:

HTML

<div class="one">
   <div>About Us</div>
   <div>Contact Us</div>
   <div>Advertiser Index</div>
   <div>Articles</div>
</div>
<div class="two">
   This is a test This is a test This is a test
</div>

问题是,您正在浮动两个div。
float
从页面的正常流中删除元素。因此,从第二个div中删除
float
可以解决内联问题:

.one{
浮动:左;
边框样式:实心;
边框颜色:红色;
}
.二{
边框样式:实心;
边框颜色:红色;
宽度:100%;
}

关于我们
联系我们
广告商索引
文章

这是一个测试这是一个测试这是一个测试问题是两个div都是浮动的。
float
从页面的正常流中删除元素。因此,从第二个div中删除
float
可以解决内联问题:

.one{
浮动:左;
边框样式:实心;
边框颜色:红色;
}
.二{
边框样式:实心;
边框颜色:红色;
宽度:100%;
}

关于我们
联系我们
广告商索引
文章

这是一个测试这是一个测试这是一个测试你不应该浮动你的div,浮动它们会覆盖它们自动填充剩余空间的能力

添加
溢出:auto
将确保
。两个
不会溢出到
。一个

.one {
    float: left;
    border: 2px solid blue;
}
.two {
    overflow: auto;
    border: 2px solid red;
}

您不应该浮动div,浮动div会覆盖div自动填充剩余空间的能力

添加
溢出:auto
将确保
。两个
不会溢出到
。一个

.one {
    float: left;
    border: 2px solid blue;
}
.two {
    overflow: auto;
    border: 2px solid red;
}

你可以用相对位置和设置边距,你可以用相对位置和设置边距,这实际上解决了我的问题。非常感谢。我尝试了@LcSalazar提供的表格单元格方法,但由于某些原因它不起作用。。。也许是因为他们是如何形成mybb的?这实际上解决了我的问题。非常感谢。我尝试了@LcSalazar提供的表格单元格方法,但由于某些原因它不起作用。。。也许是因为他们是如何形成mybb的?