为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 苦瓜ts
规定要要求右侧(right)先加载,左侧(left)后加载,所以想用float可以改动html结构。left设置往左浮动(width规定为200px);right不用浮动,margin-left设置大于200px,这样就做到类似布局。具体代码如下:<...code...>思路有点像三栏布局中的那种特殊布局。用margin来限制容器边界,达到宽度自适应的目的。

已采纳回答 / 给我一杯咖啡
body为主体内容,当然也算一个大的div,您将body设置一个固定的宽margin:0 auto;就可以让它居中辣

已采纳回答 / summer乐
英文就是会出现超出界限的问题,所以需要加上一些设置,给容器加上这个CSS样式word-wrap : break-word;表示在边界内要换行1.word-wrap : normal  ,其中normal为默认值,当其值为normal控制连续文本换行(允许内容顶开容器的边界,换句话说内容可以撑破容器); 2.word-wrap : break-word,break-word将内容在边界内换行  

已采纳回答 / DD慕帆
可以使用快捷键”ctrl+/“,如果你没有改的话,很多编辑软件都适用

已采纳回答 / qq_耳东东_04258867
.right{width:65%; height:600px; background-color:green; float:right; }}最后多了一个括号!去掉就行了

已采纳回答 / 汤包桑
两个方案给DIV填充内容给DIV指定width以及height(别忘了background-color)

已采纳回答 / CIPHER
同学,建议你跟着按一下代码。这样很多问题都会迎刃而解。希望我的回答对你有帮助!

已采纳回答 / 黑白灰菌
我所理解的是:绝对定位是会脱离文档流的,左侧div和右侧div设置了绝对定位直接无视文档流处在该处的位置。中间的div是普通流,它设置了一个margin-left和margin-right,就是视频中的margin:0 300px 0 200px,所以不会和左侧右侧重叠,我没有理解你说的文字内容没有被覆盖是什么意思,方便的话可以放出你的代码。

已采纳回答 / Blizzard_lihe
<...图片...>仅供参考

最新回答 / 慕移动9181930
补充一点,这个是针对文本,修改选中文背景色和文本颜色。我自认js基础已经很好了,看着还是很窝心。

已采纳回答 / kiss仔仔
<!DOCTYPE html><html>    <head>        <title></title>    </head>    <body>    </body></html>用这种格式写

已采纳回答 / weibo_石头是stone_03478
不可以,left左浮动,脱离了文档流,没有问题。middle是<div>块级元素,紧跟着left,但是会占满一行。right紧跟着,会另起一行,浮动居右。虽然将middle在body部分中放在left、right后面,表面上可以满足结果,但是middle中的内容变多了,就会占据right中空间。

已采纳回答 / 慕UI5501848
p 元素会自动在其前后创建一些空白。<...code...>取消默认样式,可以解决这问题。

已采纳回答 / 慕虎2019040
你的代码截图出来看一下
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消