本文探讨如何使用CSS布局在75%宽度的容器内创建一个左侧固定10em宽度的侧边栏，而右侧内容区域占据剩余空间并保持100%宽度。通过设置浮动元素和固定宽度，可以实现这一布局效果，但遇到了问题。作者尝试了不同的CSS属性组合，但未能成功。解决方案可能涉及使用Flexbox或Grid布局来更好地控制元素分布。
如果我有一个75％宽度的容器,内部,左侧和右侧两列,左侧宽度为10em,我如何获得正确的容器占用剩余空间的100％？
我试了这个没有运气：
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#container {
position:relative;
width:75%;
margin:0 auto;
background:blue;
}
#left-container {
position:relative;
float:left;
height:100%;
width:10em;
background:red;
}
#right-container {
position:relative;
float:left;
height:100%;
width:100%;
background:yellow;
}
Left
Right
我可以用百分比轻松地做到这一点,但我需要留下固定的10em宽度.
扫一扫
694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
