html [笔记]

1. 解决两个 div 元素 同行

	<div style='float:left'></div>
	<div style='float:left'></div>
	# 都加上float即可，增加左间距30px
	<div style='float:left'></div>
	<div style='float:left;padding-left: 30px;'></div>

2. 浮动元素下一个div，不会自动换行，换行办法

	# 加入clear:both,即可
	<div style='float:left'></div>
	<table style="clear:both">

3. 回车触发事件【定位某个元素的回车事件，其他类型可自行百度】

<input type="text" class="form-control" placeholder="Flash-Deals ID" name="sku_id" id="srch-term">

//以上输入的文本框，输入完直接回车触发的函数如下
$(function(){
    $('.form-control').keydown(function(){
        if (event.keyCode == 13) {   // enter 键值 为13
            var asin=$('#srch-term').val();  //获取文本框的输入内容
            var l_host = window.location.host; //获取网址host
            var new_href = "http://" +l_host + "/aliexpress/item/?sku_id=" + asin; //构成新链接
            console.log(new_href);  //在控制台输出链接
            window.open(new_href);	//在新窗口打开链接 new_href
        };
    });
})