html div 上左右布局 右侧布满

html div 上左右布局 右侧布满,第1张

刚才看错了 你这颜色选得,我辨色能力没那么强。左右布局的div两个加一起的宽度不能大于父容器的宽度,要不然会出现换行的现象的。

#div_aside {

    float: left

    width: 20%

    height: 100%

    background-color: aliceblue

}

#div_general_report {

    float:left

    width:80%

    height:100%

    background-color: aqua

}

这样就行了

<body style="background:blackmargin:0padding:0">

<div style="display:flex">

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

<img src="2019-2-1.jpg" style="width:20%display:blockfloat:left"/>

</div>

</body>

1、首先打开Deamweaver8,新建一网页文件,接着输入以下导航菜单的内容。

2、此时对应效果如图

3、接下来准备相关的导航按钮图片(可以事先利用PS制作好)。

4、然后将以下CSS代码加入到<head></head>之间。

5、网页此时的效果如图,就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7501601.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存