这可以通过在HTML和CSS中创建一个表来实现吗

我确实知道一些javascript和Jquery，但我更喜欢使用HTML和Css

---

引导解决方案-将页面分成三分之一，然后为左右列添加垂直堆叠的div，这些div跨越这些列的整个宽度

.columnWrapper{边框：实心1px#333；文本对齐：居中；边距：0}
#左列{
右边框：实心1px#333；
填充：0
}
#右栏{
左边框：实心1px#333；
填充：0
}
#左列div，
#右列div{
边框底部：实心1px#333；
线高：3em
}
#leftColumn div:类型的最后一个，
#rightColumn div:类型的最后一个{
边框底部宽度：0
}
#中柱{
线高：9em；
}

正文
正文
正文
照片
正文
正文
正文

flex和bootstrap都可以轻松实现这种布局。你能给我一些基本知识吗，或者发送一个链接，提供更详细的解释吗？flexbox上的精彩图腾：