-
焦点图注意点查看全部
-
myFocus JS库，可提供焦点图转换功能查看全部
-
box-model 规划查看全部
-
width: 1000px; margin: 0 auto; /* 自动居中布局 */查看全部
-
index.page 布局查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> /*在此定义相应的类选择器，并根据要求设置相关CSS属性*/ .mainBox{ width: 960px; height: 300px; background-color: #CFF; float:left; } .box1{ width: 740px; height: 300px; background-color: #C9F; float: left; } .box2{ width: 210px; height: 300px; background-color: #FCF; float: right; } </style> </head> <body> <!--在此添加相应的div标签--> <div class="mainBox"> <div class="box1"> hello world! </div> <div class="box2"> Hi </div> </div> </body> </html>查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下哪种方法处理： A 在浮动元素后加个div设置clear: both; height:0,overflow:hidden B 使用clearfix; C 设置父元素浮动; D 以上方法均可查看全部
-
浮动元素由于脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。关于clearfix的具体用法参见：http://www.imooc.com/wenda/detail/11605查看全部
-
clear float查看全部
-
俩个box的宽度之和不可以超过 页面的总宽度！（box1.width+box2.width <= page.width） 否则，box2 会还行！查看全部
-
float: 不在同一个文档流中？ 重叠，查看全部
-
float查看全部
-
block element查看全部
-
<style> .myBox{ width: 200px; height: 100px; border: 1px solid red; margin-top: 10px; padding-left: 15px; background-color: rgba(0,0,0,0.5); } </style> <div class="myBox"> Hello World! </div>查看全部
-
盒子在页面中占的总宽度为：左边距+左边框+左填充+宽度+右填充+右边框+右边距。增加左右填充后会使盒子总宽度增加10px+20px=30px，因此应该把盒子的宽度减少30px，才能保证盒子在页面中占的总宽度不变。查看全部
举报
0/150
提交
取消