希望高手给点div+css布局心得

Posted 2023-05-06

没学多久的网页设计，感到很纠结，在软件里面布局好结果在浏览器就错乱了，我不会写代码所以直接css样式的，所以高手也别跟我谈代码了，能不能说说你们的心得啊

给你几个比较重要的建议把
1、用Dreamweaver布局的时候，预览模式只能做部分参考或者不做参考，最终还是以浏览器显示为依据，因为Dreamweaver的预览模式的纠错能力差，或者说是兼容性不行

2、尽量把各个样式代码的名称记住，因为Dreamweaver有代码提示功能，所以也不用一字不落的全记住，但至少你得记住代码的大概拼写或者打头字母，这样能有效的帮你找到样式，这一条建议是比较适合初学者，记住代码能让你更快速更有效的布局

3、多看一看人家的成品页面，能让你快速的学习，但是当你能够基本熟悉后，想要有所进步看别人的效果就不那么明显了，最好就是自己多做，然后碰到问题解决问题，解决问题的过程就是学习的过程，我经常在百度这里帮人解决css方面的问题，经常能碰到一些我没碰到的问题，这就能让我在解决这个问题当中又学到一些东西，此外我教你一个更快速看别人页面样式的方法，那就是firefox火狐浏览器有一个firebug插件，按下快捷键F12就可以查看你所看到的页面的页面布局以及css样式，360浏览器也可以用

4、最好是能买一本专业的div+css布局的基础教程的书学习，因为我们在网上所学到的都比较的凌乱，看书学基础的话会比较的扎实，虽然可能会多花一点点时间，但是对于以后的发展是有好处的 参考技术A 个人感觉 只有软件里面布局错乱，游览器才会正常显示的，我一般只是用软件写代码，不看软件中的预览效果的，要看游览器实际的效果 参考技术B 主要还是避免一些CSS的错误 这东西没有啥捷径 主要考的还是平时积累的经验 参考技术C 没什么捷径可走，只能多写，多练，多看。 参考技术D 参考一下。

参考资料：http://aliceui.com/

请教css高手:子容器高度占满父容器高度应该怎么做?

比如有这样一个布局:
<div id="ward">
<div id="top"></div>
<div id="content">
<div id="left"></div
<div id="right"></div>
</div
<div id="tutton"></div>
</div>
这是一个简单得两列布局
当content不设置高度,它得高度会根据right得内容自适应,问题来了left高度要怎么要怎么样才能跟content得高度一样?我设置过left得height为100%但是没用.
最佳答案
父容器content的position属性设置为relative，left的position属性设置为absolute,top：0 left 0
但是.又发现问题了.像你那样是可以得.不过content就不会根据left自适应了.有没有办法解决吖?麻烦你了.

参考技术A 我给你写一个简单的 你参考参考

<div id="ward" style=" width:500px; background-color:#000; margin-left:auto; margin-right:auto;">
<div id="top" style="width:500px; height:30px; background-color:#009900;"></div>
<div id="content" style=" border:1px solid red;">
<div id="right" style=" float:right; width:300px; height:30px; background-color: #CCFF00"></div>
<div id="left" style=" height:30px; background-color: #0099FF; overflow:hidden;"></div>
</div>
<div id="tutton" style=" width:500px; height:30px; background-color:#996600"></div>
</div>