为什么margin-left 有效果但是margin-right不起作用呢
nbsp;html>
回复讨论(解决方案)
浏览器默认从左往右渲染元素,在没有超出父容器的宽度的前提下 如果子容器的宽度能够被容纳 设置margin-right是没有用的
#right{width: 400px;height: 300px;margin-right:100px;background-color: yellow; float:right}
你再看有没有效
不是所有的 样式属性 都需要 起到 作用
1楼所说的不是很明白,那也就说把父容器去掉就可以显示效果了?能再详细解释下吗
外面的div: width:500px;
里面的div: width:50px;
你设置里面的div: margin-right: 50px ;
你说会有作用吗?
说的比较。。。。不知能否理解?
5楼 说的也不太理解啊 我这几个div其实都没有包含关系的啊 都是独立的吧 只是都在contener 里面但我也没给contener设置宽度啊
楼主初学CSS吧。对于元素定位理解吗? 绝对定位、相对定位、浮动定位。建议楼主可以先学学这些。
margin就是两个标记中间让出点空白
如果你就一个标记 又是居左的话margin-right是没有效果的
http://bbs.blueidea.com/thread-2803660-1-1.html
<!doctype html><html><head><meta charset="utf-8"><title>div练习页面布局</title><style type="text/css">#nav{width: 1347px;height:80px;background-color: red;}#search{width:800px;height:60px;background-color:blue; margin: 0 auto}#title{width: 600px;background-color: gray;margin: 0 auto;}#left{width: 300px;height: 200px;margin-left:70px;background-color: black;float:left;}#right{width: 400px;height: 300px;margin-right:100px;background-color: yellow;float:right;}#main{width:900px;}</style></head><body><div id="contener"><div id="nav">导航</div><div id="search">搜索</div><div id="title">标题</div><div id="main"><div id="left">要闻</div><div id="right">新闻图片轮播</div></div></div></body></html>
适当加float
不是浮动情况下,margin-right没有作用的
不是浮动情况下,margin-right没有作用的
没起作用,是你的div上一层包含的空间足够大,如果想起作用,可以在这层加一个float:right,楼上有人回复过你的。或者用绝对定位来写也可以

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)