如何制作自定义列css？

Question

使用Bootstrap或W3很容易但在这个应用程序中我不想用它来制作列。如何使用纯css处理列问题？ 我需要做这样的事情：

我再说一遍......如果没有使用bootstrap，w3或任何其他css框架，我该怎么做呢。

这是我简单的HTML代码：

var _navigation = Application.Current.MainPage.Navigation; 
var _lastPage = _navigation.NavigationStack.LastOrDefault(); 
//Remove last page
_navigation.RemovePage(_lastPage);
//Go back 
_navigation.PopAsync();

Answer 1

您可以使用flexbox：

＆＃13;

＆＃13;

.container {
  display: flex;
  height: 200px;
}

.side {
  width: 50px;
  height: 100%;
  background: purple;
}

.middle {
  flex-grow: 1;
  background: blue;
}

＆＃13;

<div class="container">
  <div class="side"></div>
  <div class="middle"></div>
  <div class="side"></div>
</div>

＆＃13;

＆＃13;

＆＃13;