Html 浮动div与100%一致
有没有可能让第二个具有100%宽度的DIV向左浮动而不被按下?例如: 正如您所看到的,由于div two是%100,所以它被向下推到div one的下面,这样它就可以占据100%的屏幕。但是有没有一种方法可以使第二分区不被推倒,只占第一分区右侧的100%呢?如果是,怎么做 这是我的密码: HTMLHtml 浮动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> &
<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的?