gpt4 book ai didi

css - 左右浮动div,左边div需要100%,右边保持右边固定大小

转载 作者:行者123 更新时间:2023-11-28 13:56:59 25 4
gpt4 key购买 nike

我想对左 div 为 100% 而右保持固定的 div 产生影响

<!DOCTYPE html>
<html>
<style>
.left {
width: 100%;
float: left;
border: #ccc solid 1px;
}
.right {
width: 50px;
float:left;
border: #987 solid 1px;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
<div class="clear"></div>
</div>
</body>
</html>

我知道我可以使用表格轻松实现这一点,但我如何使用 div 实现这一点

最佳答案

你是这个意思?: http://jsfiddle.net/JPPaf/

如果您要使用边框,请在内部嵌套另一个 div 并将边框应用于该内部 div,因为它会为您省去很多问题。

<!DOCTYPE html>
<html>
<style>
.left {
margin-right:50px;
background:red;
}
.right {
width:50px;
float:right;
background:green;
}
.main {
border: #666 solid 1px;
margin: 0px auto;
}
.clear {
clear:both;
}

</style>
<body>
<div class="main">
<div class="right">
right
</div>
<div class="left">
left
</div>
<div class="clear"></div>
</div>
</body>
</html>

关于css - 左右浮动div,左边div需要100%,右边保持右边固定大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10721619/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com