clearfixclearfix使用方法(clearfix)
导读大家好,翡翠来为大家解答以上问题。clearfix使用方法,clearfix很多人还不知道,现在让我们一起来看看吧!1、打开网页制作工具Adobe...
大家好,翡翠来为大家解答以上问题。clearfix使用方法,clearfix很多人还不知道,现在让我们一起来看看吧!
1、打开网页制作工具AdobeDreamweaverCC2018,新建一个HTML5文档,然后点击创建按钮。
2、打开新创建的页面,单击insert菜单,选择DIV,输入class和id,然后单击ok。
3、用同样的方法,给刚刚添加的div元素添加三个子div,分别设置class属性。
4、添加style标签,并使用div各自的类选择器设置元素宽度、高度、行高、文本居中、浮动和边框。
5、保存代码,打开浏览器,检查界面上显示的效果。您可以看到虚线边框内的元素。
6、在“样式”选项卡中,添加。clearfix:3360样式后,设置内容为空白,显示为块,清除两边浮动等。
7、再次保存代码并刷新浏览器,查看外部div是否被拉伸。
本文到此结束,希望对大家有所帮助。
免责声明:比特网作为开放的信息发布平台,所有资讯仅代表作者个人观点,与我们无关。如文章、图片、音频或视频出现侵权、违规及其他不当言论,请提供相关材料,发送到:2785592653@qq.com。
风险提示:本站所提供的资讯不代表任何投资暗示。投资有风险,入市须谨慎。
粉丝群:提供最新热点新闻,空投糖果、红包等福利,微信:juu3644。
风险提示:本站所提供的资讯不代表任何投资暗示。投资有风险,入市须谨慎。
粉丝群:提供最新热点新闻,空投糖果、红包等福利,微信:juu3644。
相关资讯