http://jsfiddle.net/XW9Se/

我在<div>的左边设置了width: 200px;,但是如果我用浏览器判断器工具查看它,它的实际宽度似乎是随机的.它会根据窗口大小不断变化.

为什么宽度不生效?

EDIT:如果我go 掉width: 100%,宽度保持不变.但是我需要它,所以#maindiv使用剩余的宽度:(有没有办法让侧边栏@固定宽度,而另外的<div>填充容器宽度的睡觉?#maindiv不起作用.

推荐答案

移除.container > div上的宽度,在#main:fiddle上使用flex: auto;

#main {
   flex: auto; 
   background: lightblue; 
  -webkit-order: 2;
   order: 2;     
}

Css相关问答推荐

我应该在哪里放置expo /Reaction本地项目的CSS重置文件?

使用普通 CSS 的视口对角线长度

Puppeteer - 无法在wine 店网站中拉出正确的 CSS Select 器

如何使用 Sass to CSS 创建 H1 到 H6 标题并减小字体大小

CSS Select 器在 rvest 中找到,在 RSelenium 中找不到

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

如何禁用 Angular Material Pagination 按钮的波纹效果?

用css重复表格边框

子组件的css会影响整个页面

svg 背景图像位置始终在 Internet Explorer 中居中,尽管 background-position: left center;

纯 CSS 滚动动画

让 div 占据 100% 身体高度,减go 固定高度的页眉和页脚

Select 器.class.class和.class.class有什么区别?

让 div 扩展全高

如何防止内联块 div 换行?

如何知道哪个 HTML 元素导致了垂直滚动条

使用 CSS go 除图像之间的空间

为什么 CSS 中的光标:指针效果不起作用

我的 inline-block 元素没有正确排列

为什么对 HTML 表单而不是表格使用定义列表(DL、DD、DT)标签?