小白求助,用html/CSS 怎么排版成图片中给的格式

第一张图是示例,第二张图是做的效果,第三张图是代码,这个板块分布应该怎么写呢?那个“每日通知”下面的导航栏是算一个板块还是两个?

每个人的代码都不一样的,这里只能提供一个思路给你,世界等着你去改变。两块解决你的问题。
这个排版可以分为三个大块,一个是导航栏,一个是每日通知,一个是详细内容栏。但从空间上看,它可以分为上下两部分,所以,先用两个 div 分出上下空间分布,下面又分两块,再用两个 div 或者其它标签分成两块都行,个人习惯的话左边用一个 div 嵌套 一个 p 标签, 再加一个 ul 。这种类型的基本都可以这样。追问

嗯.思路我懂了,那两个div分出上下 两个div分左右,它们的属性应该怎么写呢?我又加了个div,但是效果出来 “每日通知”跑到导航栏左边去了. 是应该用position来定位么?

追答

。。。

不用 position

跑到左边是你设置了浮动的原因(如果没错的话)。浮动要注意,如果父级没有属性,它就容易跑出去。

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网